寒假作业12

最新推荐文章于 2024-07-31 15:50:06 发布

BAILI18

最新推荐文章于 2024-07-31 15:50:06 发布

阅读量168

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/BAILI18/article/details/87270213

本文深入讲解CSS盒子模型的构成，包括边框、内边距、外边距和内容区域的详细解析，探讨圆角边框的实现方法及盒子阴影的添加技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

第六章
1.盒子模型的使用
边框
border-color
border-width
border-style

内边距
padding

外边距
margin

盒子总尺寸
border+padding+margin+内容宽/高

2.圆角边框
border-radius语法

border-radius: 20px  10px  50px  30px;
//四个属性值按顺时针从左上角开始排列

3.盒子阴影
语法

box-shadow:inset  x-offset  y-offset  blur-radius  color;
// inset 阴影类型内阴影
// x-offset X轴位移，指定阴影水平位移量
// y-offset Y轴位移，用来指定阴影垂直位移量
// blur-radius 阴影模糊半径阴影向外模糊的模糊范围
// color 阴影颜色，定义绘制阴影时所使用的颜色