0
点赞
收藏
分享

微信扫一扫

div边框线上添加文字

<!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>
如下图:


div边框线上添加文字_css

效果二:

div边框线上添加文字_网页布局_02

举报

相关推荐

0 条评论