你未必知道的CSS小知识：border-width属性可以使用预定义常量值

也许对与你来说这并不是一个什么新鲜信息。除了可以使用标准宽度值(例如5px或1em)外，border-width属性可以接受预定义的常量值：medium, thin, 和 thick

事实上，如果你不给border-width属性赋值，那它的缺省值是“medium”。下面的演示就是用了预定义常量值：

HTML代码

<div class="example">

CSS代码

body {
  font-family: Arial, sans-serif;
  text-align: center;
}

.example {
  width: 100px;
  height: 100px;
  margin: 20px auto;
  background: aqua;
  border: solid thick red;
}

演示

在浏览器使用这些预定义常量值时，CSS规范里并没有规定都应该是什么宽度，但从我的观察看，它们的值分别是 1px, 3px, 和 5px