几乎被设计师遗忘了的标签fieldset legend

时间:2014-06-14 15:47来源:网络整理作者:网络点击: 次

分享到：

<!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>几乎被设计师遗忘了的标签</title> 
<style type="text/css"> 
fieldset { 
  width: 300px; 
  border: 1px solid #006600; 
} 
legend { 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 10px; 
  font-weight: bold; 
} 
ul { 
  margin: 10px; 
  padding: 0px; 
  background-color: #FFFFCC; 
} 
li { 
  list-style: none; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 9px; 
  line-height: 180%; 
} 
</style> 
</head>

<body> 
<fieldset> 
  <legend>Dascom News</legend> 
  <ul> 
  <li>Last Amish shooting victim to be released from hospital</li> 
  <li>Last Amish shooting victim to be released from hospital</li> 
  <li>Last Amish shooting victim to be released from hospital</li> 
  <li>Last Amish shooting victim to be released from hospital</li> 
  <li>Last Amish shooting victim to be released from hospital</li> 
  </ul> 
</fieldset> 
</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

上一篇：不用javascript实现带序号的表格隔行换色的效果
下一篇：div布局的自由伸展三栏式版面的代码

分享到： QQ空间新浪微博人人网开心网更多

精彩图集

BS项目中的

css实现气泡

精彩文章

热点文章

几乎被设计师遗忘了的标签fieldset legend

热门标签

赞助商链接