在html构造中详细div中应用给div加边框属性名目。
大约对div经由过程class配置边框,也能够使用id决议器设置装备摆设实体或虚线边框。
html div加边框实例代码:
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>div +边框 款式设置</title> <style> .abc{ border:1px solid #F00; width:300px} #efg{ border:2px dashed #06F;width:300px} .aa{ border-left:3px solid #090;width:300px} </style> </head> <body> <div class="abc">用class对div配置红色实线边框</div> <div class="aa">用class只对div左设置装备摆设3px实体线绿色边框(右边框)</div> <div id="efg">用id对div设置装备摆设2px宽度蓝色虚线边框</div> </body> </html>
使用class与id 款式决定器,离别对3个div设置加不合的边框名目。
窥察成果截图
html实例用div设置虚线+实线成果图
固然若是不想使用class和id对div设置需要的边框格式,也或是在html代码中的div使用style直接行内设置边框花色。
<div style="border:1px dashed #000">使用style直接对div设置玄色虚线边框</div>
以上是直接html代码中div直接设置边框花样,如果想看到成就,拷贝以上代码放入html代码中<body></body>之间测试窥察观察效果,经过实践驾驭div的边框设置装备摆设。
如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h53438.shtml