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

发布：dxy 字体：[增加减小] 类型：转载

点击运行可以看到效果:

<!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 全选提示:你可先修改部分代码,再按运行]