盒子模型及其属性

最新推荐文章于 2022-08-03 19:55:56 发布

陛下，再来一杯娃哈哈

最新推荐文章于 2022-08-03 19:55:56 发布

阅读量1w

点赞数 6

文章标签： html5 html css

本文链接：https://blog.csdn.net/m0_46420078/article/details/120753601

版权

本文详细介绍了HTML/CSS中的盒子模型，包括盒子的特性、相关属性如边框、内边距、外边距和背景，以及新增的透明度、圆角、图片边框、阴影和渐变等特性。通过学习，读者可以更好地掌握网页布局技巧。

摘要由CSDN通过智能技术生成

一、盒子的特性

盒子模型：进行网页布局的重要的属性，一个页面由多个盒子组成，每个盒子的内容都不相同
特性：

(1)外边距(margin)：盒子与其他元素之间的额距离
(2)内边距(padding)：也称为填充距离,内容和边框之间的距离
(3)边框(border)

设置内容	样式属性	常用属性值
边框样式	border-style:上边 [右边下边左边];	none无（默认）、solid单实线、dashed虚线、dotted点线、double双实线
边框宽度	border-width:上边 [右边下边左边];	像素值
边框颜色	border-color:上边 [右边下边左边];	颜色值、#十六进制、rgb(r,g,b)、rgb(r%,g%,b%)
综合设置边框	border:四边宽度四边样式四边颜色;	注意：宽度、样式、颜色顺序任意，不分先后

关注