CSS布局实例

来源:互联网 发布:广东广电网络机顶盒 编辑:程序博客网 时间:2024/04/29 21:53
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>
原创粉丝点击