盒模型

最新推荐文章于 2025-07-03 11:04:06 发布

原创最新推荐文章于 2025-07-03 11:04:06 发布 · 161 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#边框

HTML+CSS 专栏收录该内容

14 篇文章

订阅专栏

本文详细解析了CSS中border、margin、padding等属性的使用方法，包括边框颜色、宽度、样式及圆角的设置技巧。特别介绍了border-radius属性的灵活运用，如不同角度的设置及其百分比和像素单位的应用。

border，margin，padding，content，width，height

上右下左

border — 边框

border-color —边框颜色
border-width —边框粗细
border-style —边框样式
border-radius --边框角度

补充

border-width 的值

border-width的值

border-style 的值

border-style的值

border-radius 的值

border-radius的值

说明：
px与% 同样有效，顺序为：左上角，右上角，右下角，左下角。如果省略左下角，右上角是相同的。如果省略右下角，左上角是相同的。如果省略右上角，左上角是相同的。
eg：border-radius：30px; —> 代表所有角度都为30px大小
border-radius：30px / 20px; —> 代表一个角的水平线为30px，垂直的为20px大小