CSS教程6、CSS的Border边框[翻译Htmldog]_CSS教程
教程Tag:暂无Tag,欢迎添加,赚取U币!
CSS Borders 边框
边框可以运用到body里的大部分HTML元素。
制作一个元素的边框,你需要border-style边框样式。值可以是: solid, dotted, dashed, double, groove, ridge, inset and outset,具体样式大家可以实际下。
border-width设定宽度,通常使用pixels即单位是px,同样有四边属性:border-top-width, border-right-width, border-bottom-width and border-left-width。
border-color设定边框颜色。
例子
示例代码 [www.mb5u.com]
h2 {
border-style: dashed;
border-width: 3px;
border-left-width: 10px;
border-right-width: 10px;
border-color: red;
}
border-style: dashed;
border-width: 3px;
border-left-width: 10px;
border-right-width: 10px;
border-color: red;
}
设定红色样式为dashed的边框,上下边框宽度为3px,而左右为10px(后面的属性覆盖了前面)。
相关CSS教程:
- 相关链接:
- 教程说明:
CSS教程-CSS教程6、CSS的Border边框[翻译Htmldog]。