边框可以应用到在主体元素body中的绝大部分HTML元素中。
创建一个包围着元素的边框,你所需要的是边框样式border-style
。它们的值可以是 solid
、dotted
、dashed
、double
、groove
、ridge
、 inset
和outset
。(你有必要每个值都试一试,看看效果如何——译者注)
边框宽度border-width
为边框设置宽度,通常用像素来表示。当然,还可以单独设置四个方向的边框属性,它们是border-top-width
、border-right-width
、 border-bottom-width
和border-left-width
。
最后,边框颜色border-color
设置颜色。
为下面的css文档添加如下代码:
h2 {
border-style: dashed;
border-width: 3px;
border-left-width: 10px;
border-right-width: 10px;
border-color: red;
}
这将会使所有的HTML二级标题(h2
)产生红色的破折号(dashed)边框,上下各3像素宽,左右则各10像素宽(取代了3像素宽的全局设置)。