HTML中的盒子模型是一种用于描述和布局元素的概念。每个 HTML 元素都可以被表示为一个矩形的盒子,这个盒子包括四个部分:内容区域、内边距、边框和外边距。
这些部分的组合形成了一个完整的盒子,它们的大小和位置可以通过 CSS 属性进行调整。盒子模型是用于控制元素在页面上的布局和定位的重要概念,它影响到元素的尺寸、位置和与其他元素的关系。
#所有边框为同色
boder-color:#颜色
#语法中设置的颜色会按照顺时针顺序显示即:上,右,下,中,边框颜色
boder-color: red blue pink yellow
boder-width
#所有边框粗细都是5像素值
boder-width:5px
#语法中设置的像素会按照顺时针顺序显示即:上,右,下,中
boder-width:5px 6px 7px 8px
boder-style
#所有边框种类都是实线
boder-style:solid
#语法中设置的像素会按照顺时针顺序显示即:上,右,下,中
boder-style:solid dotted dashed double
none | 没有边框 |
solid | 实线边框 |
dotted | 点状边框 |
hidden | 隐藏边框 |
dashed | 虚线边框 |
double | 双线边框 |
?