html中给div或者span加边框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
}