炫意html5
最早CSS3和HTML5移动技术网站之一

你未必知道的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

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

Java基础教程Android基础教程