<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style type="text/css">
* {undefined
font-size:12px;
margin:0;
padding:0;
}
fieldset.test {undefined
padding:10px;
margin:10px;
width:270px;
color:#333;
border:#06c solid 1px;
}
legend {undefined
color:#06c;
padding:5px 10px;
font-weight:800;
/*background:white;*/
}
ul {undefined
list-style-type: none;
margin:8px 0 4px 0;
}
li {undefined
margin-top:4px;
}
</style>
</HEAD>
<BODY>
<fieldset style="width:300px; height:100px;">
<legend>生产信息 </legend>
<div>试一下 </div>
</fieldset>
<fieldset class="test">
<legend>CSS网页布局</legend>
<ul>
<li>哈哈哈哈哈哈哈哈哈哈哈哈</li>
<li>哈哈哈哈哈哈哈哈哈哈哈哈</li>
<li>哈哈哈哈哈哈哈哈哈哈哈哈</li>
<li>哈哈哈哈哈哈哈哈哈哈哈哈</li>
</ul>
</fieldset>
</BODY>
</HTML>
如下图:
效果二: