怎么给div加边框

怎么给DIV加边框？这要看具体运用的情景，下面列举几种DIV加边框的方法。

最简单的作法，就是直接设置 border-style：solid 边框，只是边框样式比较不好看：

怎么给DIV加边框？

使用CSS定义，给DIV加2px虚线绿色边框： #p1 { border: 2px dashed #0F0; border-right: 2px dashed #0F0 }

使用CSS定义，指定DIV边框大小、线形及颜色： #p2 { height: 100px; width: 200px; border: 1px solid #F00 }

使用CSS， 给DIV四周边框添加阴影： #shadow { height: 150px; width: 150px; -webkit-box-shadow: #666 0px 0px 20px; -moz-box-shadow: #666 0px 0px 20px; box-shadow: #666 0px 0px 20px; background: #EEFF99; }

使用CSS， 给DIV添加圆角的边框： #radius { height: 150px; width: 150px; border: 2px solid; border-radius: 25px; }

本文地址：网络知识频道 https://www.hkm168.com/jiqiao/1056385.html，易企推百科一个免费的知识分享平台，本站部分文章来网络分享，本着互联网分享的精神，如有涉及到您的权益，请联系我们删除，谢谢！