几乎被设计师遗忘了的标签fieldset legend_经验交流

2019年9月14日 05:19:37css教程评论461 views阅读模式

<!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需刷新才能执行]