如果要给元素添加边框，一个 ​​border-style​​ 即可搞定。

它的取值有 ​​solid​​​，​​dotted​​​，​​dashed​​​，​​double​​​，​​groove​​​，​​ridge​​​，​​insect​​​ 和 ​​outsect​​。


CSS入门教程——边框_取值

​​border-width​​ 用于指定边框粗细，常用会用像素值。

针对元素的四个边，​​border-width​​ 也有对应的属性：

  • ​​border-top-width​​
  • ​​border-right-width​​
  • ​​border-bottom-width​​
  • ​​border-left-width​​

​​border-color​​ 用于指定边框颜色。

以上属性可以组合在一起使用：

h2 {
    border-style: dashed;
    border-width: 3px;
    border-left-width: 10px;
    border-right-width: 10px;
    border-color: red;
}