位置:71code站长站站长学习网站开发HTML DIV+CSS → DIV+CSS网页布局之边框的设置方法

DIV+CSS网页布局之边框的设置方法

减小字体 增大字体 作者:515down(收集)  来源:515down(网络)  发布时间:2007-6-25 16:39:30

CSS Borders 边框

边框可以运用到body里的大部分HTML元素。 [我要我当软件园]

制作一个元素的边框,你需要border-style边框样式。值可以是: solid, dotted, dashed, double, groove, ridge, inset and outset,具体样式大家可以实际下。

515down.com

border-width设定宽度,通常使用pixels即单位是px,同样有四边属性:border-top-width, border-right-width, border-bottom-width and border-left-width。 [我要我当软件园]

border-color设定边框颜色。

515down.com

例子

515down.com

以下为引用的内容

h2 {
    border-style: dashed;
    border-width: 3px;
    border-left-width: 10px;
    border-right-width: 10px;
    border-color: red;
} 515down.com

515down.com

设定红色样式为dashed的边框,上下边框宽度为3px,而左右为10px(后面的属性覆盖了前面) [我要我当软件园]