在CSS中,我们可以使用border属性来设置元素的外边框。
selector {border: width style color;}
其中,width指的是边框的宽度,style是指边框的样式,color是指边框的颜色。
下面是一些常用的样式:
solid
:实线dotted
:点状dashed
:虚线double
:双线
例如,下面的代码将设置一个绿色实线边框:
.example {border: 2px solid green;}
我们也可以单独设置边框的每个方向,比如只设置顶部边框:
.example {border-top: 1px dashed #ccc;}
还可以使用border-radius属性来设置边框的圆角:
.example {border-radius: 10px;}
以上是CSS设置外边框的基本方法,可以根据需求进行灵活应用。