- 永余PHP社区 - PHP视频教程|PHP新手乐园|PHP高级应用|PHP源码|PHP教程|LAMP教程||Ajax教程 - JavaScript源码

发个CSS的小东西~~呵呵，仅供参考哦~

<!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>CSS实现虚线框代码www.91php.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; 
}  
ul { 
    list-style-type: none; 
    margin:8px 0 4px 0; 
}  
li { 
    margin-top:4px; 
} 
</style> 
</head> 
<body> 
<fieldset>  
  <legend>Flash动画www.91php.com</legend>  
   <ul>  
     <li>Flash人物动画</li>  
     <li>Flash动物动画</li>  
     <li>Flash植物动画</li>  
     <li>Flash动漫动画</li>  
   </ul>  
</fieldset> 
</body> 
</html>

<!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>CSS实现虚线框代码www.91php.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;
} 
ul {
	list-style-type: none;
	margin:8px 0 4px 0;
} 
li {
	margin-top:4px;
}
</style>
</head>

<body>
<fieldset> 
  <legend>Flash动画www.91php.com</legend> 
   <ul> 
     <li>Flash人物动画</li> 
     <li>Flash动物动画</li> 
     <li>Flash植物动画</li> 
     <li>Flash动漫动画</li> 
   </ul> 
</fieldset>
</body>
</html>

永余PHP社区 - PHP视频教程|PHP新手乐园|PHP高级应用|PHP源码|PHP教程|LAMP教程||Ajax教程 - JavaScript源码 - JavaScript教程

搜索

热门标签

实现虚线框的CSS代码