网页设计与制作（HTML+CSS）第五课

最新推荐文章于 2024-08-10 10:30:00 发布

李宝健

最新推荐文章于 2024-08-10 10:30:00 发布

阅读量1.8k

点赞数

本文链接：https://blog.csdn.net/weixin_45722894/article/details/103621758

版权

本文详细介绍了CSS中的盒子模型，包括边框样式、宽度、颜色的设置，内边距属性，外边距属性以及背景属性的使用，如背景颜色、图像、平铺和位置的控制。同时，讲解了盒子模型中总宽度和总高度的计算方法，强调了块级元素与行内元素的区别。

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

4.2 盒子模型相关属性

在这里插入图片描述 1.设置边框样式（border-style）
必须按上下左右的顺时针顺序，省略时采用值复制的原则，即一个值为四边，两个值为上下/左右，三个值为上/左右/下。
2.设置边框宽度（border-width）
必须按上右下左的顺时针采用值复制，即一个值为四边，两个值为上下/左右。
设置边框宽度是时，必须同时设置边框样式。
3.设置边框颜色（border-color)
必须按上右下左的顺时针采用值复制，即一个值为四边，两个值为上下/左右。
三个值为上/左右/下。
4.综合设置边框
4.2.2 内边距属性
内边距指的是元素内容与边框之间的距离，也常常称为内填充
*padding-top:上内边距
*padding-right:有内边距
*padding-bottom:下内边距
*padding-left:左内边距
padding相关属性的取值可为auto自动（默认值）不同单位的数值相对于父元素（或浏览器）宽度的百分比%，最常用px 不允许使用负值
同边框相关属性一样，使用复合属性padding定义内边距时，必须按上右下左的顺时针采用值复制，即一个值为四边，两个值为上下/左右。三个值为上/左右/下。
4.2.3外边距属性
元素边框与相邻元素之间的距离
margin-top(right bottom left)允许使用负值
4.2.4背景属性