CSS布局实例
2008-01-16 17:25
309 查看
HTML元素 fieldset方框
Draws a box around the text and other elements that the field set contains.
在字段集包含的文本和其它元素外面画一个方框。
fieldset元素用于对表单中的元素进行分组并在文档中区别标出文本。它与窗口框架的行为有些相似。fieldset在 Internet Explorer 4.0 及以上版本的HTML 和的脚本中可用。
fieldset元素元素是块元素。 并且需要关闭标签，即必须成对出现：<fieldset></fieldset>。
HTML元素 legend域标题
Inserts a caption into the box drawn by the fieldSet object.
在 fieldSet 对象绘制的方框内插入一个标题。
legend元素必必位于fieldset内的第一个元素。在 Internet Explorer 4.0 及以上版本的 HTML 和脚本中可用。
legend元素是块元素。并且需要关闭标签，即必须成对出现：<legend></legend>。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>www.52CSS.com</title>
<style type="text/css">...
* {...}{
font-size:12px;
margin:0;
padding:0;
}
fieldset {...}{
padding:10px;
margin:10px;
width:270px;
color:#333;
border:#06c dashed 1px;
}
legend {...}{
color:#06c;
font-weight:800;
background:#fff;
border:#b6b6b6 solid 1px;
padding:3px 6px;
}
ul {...}{
list-style-type: none;
margin:8px 0 4px 0;
}
li {...}{
margin-top:4px;
}
</style>
</head>
<body>
<fieldset>
<legend>52CSS.com CSS网页布局</legend>
<ul>
<li>Div+CSS教程 系统的讲述了关于CSS布局的知识</li>
<li>CSS布局实例 向你呈现了52css.com中的一些实例</li>
<li>CSS模板下载 你可以查看一些模板</li>
<li>CSS酷站欣赏 高手与大师的作品定会让你有所收获</li>
</ul>
</fieldset>
</body>
</html>
Draws a box around the text and other elements that the field set contains.
在字段集包含的文本和其它元素外面画一个方框。
fieldset元素用于对表单中的元素进行分组并在文档中区别标出文本。它与窗口框架的行为有些相似。fieldset在 Internet Explorer 4.0 及以上版本的HTML 和的脚本中可用。
fieldset元素元素是块元素。 并且需要关闭标签，即必须成对出现：<fieldset></fieldset>。
HTML元素 legend域标题
Inserts a caption into the box drawn by the fieldSet object.
在 fieldSet 对象绘制的方框内插入一个标题。
legend元素必必位于fieldset内的第一个元素。在 Internet Explorer 4.0 及以上版本的 HTML 和脚本中可用。
legend元素是块元素。并且需要关闭标签，即必须成对出现：<legend></legend>。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>www.52CSS.com</title>
<style type="text/css">...
* {...}{
font-size:12px;
margin:0;
padding:0;
}
fieldset {...}{
padding:10px;
margin:10px;
width:270px;
color:#333;
border:#06c dashed 1px;
}
legend {...}{
color:#06c;
font-weight:800;
background:#fff;
border:#b6b6b6 solid 1px;
padding:3px 6px;
}
ul {...}{
list-style-type: none;
margin:8px 0 4px 0;
}
li {...}{
margin-top:4px;
}
</style>
</head>
<body>
<fieldset>
<legend>52CSS.com CSS网页布局</legend>
<ul>
<li>Div+CSS教程 系统的讲述了关于CSS布局的知识</li>
<li>CSS布局实例 向你呈现了52css.com中的一些实例</li>
<li>CSS模板下载 你可以查看一些模板</li>
<li>CSS酷站欣赏 高手与大师的作品定会让你有所收获</li>
</ul>
</fieldset>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- DIV+CSS 三栏布局实例代码
- 两个HTML，CSS布局实例
- 简洁 DIV+CSS布局入门之一 ( DIV+CSS常用 常用CSS DIV+CSS实例 简单DIV+CSS DIV+CSS布局分析 DIV+CSS流程)
- 用CSS布局表单实例(抛弃表格)
- 实例：应用CSS实现表单form布局（博主：http://www.bm777.com/post/32.html）
- DIV+CSS布局网页的一个实例
- 独行DIV自适应宽度布局CSS实例与应用范围
- 第9天:第一个CSS布局实例
- CSS弹出二级多列菜单和DIV布局实例 - 仿IBM官网首页
- div+css网页标准布局实例教程
- CSS布局实例代码 两列布局实例
- 网页制作之CSS常用网站布局实例
- 一个简单的css+div布局实例，让你很明了的了解怎么布局！
- css中水平垂直居中对齐布局一些实例总结
- [导入]Xhtml第9天:第一个css布局实例
- div+css布局中的alpha:不透明度使用实例
- CSS+DIV布局的测试实例
- WEB标准教程第9天：第一个CSS布局实例
- CSS布局实例：margin优化的一种思路
- div+css布局实例淘宝分析(二)