首页 > 图灵资讯 > 技术篇>正文
div边框线上添加文字
2023-07-09 17:00:48
<!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> <p>试一下 </p> </fieldset><fieldset class="test"><legend>CSS网页布局</legend> <ul> <li>哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈</li> <li>哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈</li> <li>哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈</li> <li>哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈</li> </ul></fieldset></BODY></HTML>如下图：
效果二：
