博客列表 >CCS中的盒模型

CCS中的盒模型

anwin89
anwin89原创
2018年12月21日 00:55:051220浏览

内边距:padding

padding:20px; 一个值表示:上下左右

padding:20px 30px; 两个值表示:上下、左右

padding:20px 30px 40px; 三个值表示:上、左右、下

padding:20px 30px 40px; 四个值表示:上、右、下、左

左边距:padding-left,右边距:padding-right,上边距:padding-top,下边距:padding-bottom

边框:border

border-radius: 10px; 边框圆角

box-shadow:10px 5px 3px #ccc inset; 边框阴影:X轴阴影位置、Y轴阴影位置、阴影大小的值、阴影颜色、内阴影

外边距:margin

margin:0px auto; 居中

*{pading: 0px;margin: 0px;} 浏览器自带的内外边距清零

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议