首页 理论教育 HTML+CSS入门:边框宽度设置

HTML+CSS入门:边框宽度设置

时间:2023-11-16 理论教育 版权反馈
【摘要】:CSS中用border-width来设置一个元素边框的粗细。边框宽度不允许为负数值,未设置的时候默认值为medium。设置各边宽度的属性分别为border-top-width、border-bottom-width、border-left-width、border-rightwidth。动手写11.4.16 单独设置各边的边框宽度提示与padding、margin类似,我们也可以使用border-width属性来统一设置四条边的边框宽度,border-width属性的参数数量为1~4个,具体规则也与padding、margin属性一致。

HTML+CSS入门:边框宽度设置

CSS中用border-width来设置一个元素边框的粗细。这个属性的值可以是关键字,共有thin(细边框)、medium(中等宽度边框)、thick(粗边框)三个关键字可供选择;也可以是一个长度数值,如1px或1em。边框宽度不允许为负数值,未设置的时候默认值为medium。

动手写11.4.12 细边框

“动手写11.4.12”中的元素拥有一条较细的边框,其效果如图11.4.9所示:

图11.4.9 细边框

动手写11.4.13 中等宽度边框

“动手写11.4.13”中的元素拥有一条中等宽度的边框,其效果如图11.4.10所示:

图11.4.10 中等宽度边框

动手写11.4.14 粗边框

(www.xing528.com)

“动手写11.4.14”中的元素拥有一条较粗的边框,其效果如图11.4.11所示:

图11.4.11 粗边框

W3C的标准中未定义关键字边框宽度的计算值,各关键字在不同浏览器之间的宽度可能存在差异。在实际项目中,一般不会使用关键字作为边框宽度的值,比较常用的是长度数值。

动手写11.4.15 宽度为1px的边框

CSS允许为元素的四边单独设置边框宽度。设置各边宽度的属性分别为border-top-width(上边框宽度)、border-bottom-width(下边框宽度)、border-left-width(左边框宽度)、border-rightwidth(右边框宽度)。

动手写11.4.16 单独设置各边的边框宽度

提示

与padding、margin类似,我们也可以使用border-width属性来统一设置四条边的边框宽度,border-width属性的参数数量为1~4个,具体规则也与padding、margin属性一致。

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈