新手必读之CSS初级教程 6、边框──边框元素

新手必读之CSS初级教程 内容来自dedecms

6、边框──边框元素

边框可以应用到在主体元素body中的绝大部分HTML元素中。

copyright dedecms

 

dedecms.com

创建一个包围着元素的边框,你所需要的是边框样式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设置颜色。

内容来自dedecms

为下面的CSS文档添加如下代码:

dedecms.com

h2 {

本文来自织梦

border-style: dashed;

内容来自dedecms

border-width: 3px;

本文来自织梦

border-left-width: 10px;

织梦内容管理系统

border-right-width: 10px; copyright dedecms

border-color: red; copyright dedecms

}

织梦好,好织梦

  copyright dedecms

这将会使所有的HTML二级标题(h2)产生红色的破折号(dashed)边框,上下各3像素宽,左右则各10像素宽(取代了3像素宽的全局设置)。

内容来自dedecms

 

copyright dedecms

关于盒模型

内容来自dedecms

 

本文来自织梦

CSS盒模型(Box Model)问题详解 copyright dedecms

http://www.52css.com/article.asp?id=286

织梦好,好织梦