如何给div加一个border样式？

1  div上边加1px黑色边框

div{border-top:1px solid #000}

2  给div底部加边框

div{border-bottom:2px dashed #F00}

3  在div盒子左侧加边框

.divcss5{ border-left:1px solid #00F}

DIV代码：

<div class="divcss5">此DIV盒子左侧为1px实线蓝边框</div>

4  在盒子div右侧加边框

div{ border-right:1px solid #F00}

5  在盒子上下加边框

div{border-top:1px solid #000border-bottom:1px solid #000}

6  给div盒子左右加边框

div{ border-left:2px dashed #0F0border-right:2px dashed #0F0}

7  给一个DIV四边加上3px实现黑色边框

div{ border:3px solid #000}

可以用border-color属性设置span和div的边框颜色，用background属性控制span和div的背景颜色。

1、新建html文档，在body标签中添加div标签，然后在div标签中添加一些span标签：

2、添加style标签并定义一个类，为这个类设置border-color属性，属性值为边框的颜色，然后将这个类引用到div和span标签上，这时div和span就被添加上了边框颜色：

3、为之前设置的类添加background属性，属性值为背景颜色，这时div和span就被添加上了背景颜色：