您的位置首页百科知识

怎么给div加边框

怎么给div加边框

的有关信息介绍如下:

怎么给div加边框

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

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

怎么给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;

}