怎么给div加边框

作者:小橘猫 | 创建时间: 2023-05-03
怎么给DIV加边框?这要看具体运用的情景,下面列举几种DIV加边框的方法。...
怎么给div加边框

操作方法

最简单的作法,就是直接设置 border-style:solid 边框,只是边框样式比较不好看: <div style="border:1px #000000   solid;">怎么给DIV加边框?</div>

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

使用CSS定义,指定DIV边框大小、线形及颜色: #div2 { 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; }

点击展开全文

更多推荐