margin综合:
用于设置盒子的外边距:
综合写法:(有三种写法):
margin:520px; // 相当于一个值设置了上下左右的外边距都为520px; 结构是:上下左右都一样。
margin:12px 50px; // 前面一个值是上下方向的12px,第二个值代表左右方向50px。 **结构是上下 左右**
margin:10px 20px 15px; // 相当于上边距为10,左右为20,下为15.**结构是:上 左右 下**
margin:10px 20px 30px 40px; // 上为10px 右边为 20 ,下面为30,左边为40px; 结构是: 顺时针走一圈,上 右 下 左
padding综合:
用于设置盒子的内边距。
综合写法有三种:(总体来说:和margin的值相似)
padding:520px; // 相当于一个值设置了上下左右的内边距都为520px; 结构是:上下左右都一样。
padding:12px 50px; // 前面一个值是上下方向的12px,第二个值代表左右方向50px。 **结构是上下 左右**
padding:10px 20px 15px; // 相当于上边距为10,左右为20,下为15.**结构是:上 左右 下**
padding:10px 20px 30px 40px; // 上为10px 右边为 20 ,下面为30,左边为40px; 结构是: 顺时针走一圈,上 右 下 左
阴影(盒子阴影,文字阴影)
盒子阴影:box-shadow: 10px 20px 4px 20px rgb(red, green, blue,.3); // 值代表的意思分别是(水平长度,垂直长度,虚拟程度,阴影大小,颜色)
另外颜色使用rgb可以设置阴影的透明度;
文字阴影:box-shadow: 10px 20px 4px 20px rgb(red, green, blue,.3); // 值代表的意思分别是(水平长度,垂直长度,虚拟程度,阴影大小,颜色)
这篇博客详细介绍了CSS中关于margin和padding的综合用法,包括单一值、双值、三值和四值的设定,以及它们如何影响元素的内外边距。同时,还讲解了如何使用box-shadow属性来添加盒子阴影和文字阴影,包括各个参数的含义和如何调整颜色的透明度。
1415

被折叠的 条评论
为什么被折叠?



