目录
- 1、边框样式需求
- 2、CSS代码说明
- (1)样式写法
- (2)CSS代码示例和结果
1、边框样式需求
需要给一个div
或者span
快增加边框的效果
2、CSS代码说明
(1)样式写法
在样式中增加
border: 1px solid red
:可以整体为整个块的边框设置颜色和粗细;
border-top: 1px solid red
:可以针对边框的四个边框单独为其设置颜色和粗细,top/bottom/left/right
(2)CSS代码示例和结果
<div class="bk">
<span>这个块需要增加边框</span>
</div>
.bk{
background-color:yellow;
width:200px;
height:100px;
border: 5px solid red;
border-bottom:10px solid green
}