2020-11-23 14:45发布
css盒模型包括：外边距，边框，填充（内边距）和实际内容
1、内容 content
width和height属性定义content的大小
- width: 设置宽度
- height: 设置高度
值：auto
length
百分比
2、内边距 padding：10px;
padding：上，右，下，左
padding的值：
一个值：表示四个方向的值
二个值：表示上下，左右
三个值：表示上，左右，下
四个值：表示上，右，下，左
padding-top:
padding-right:
padidng-bottom:
padding-left:
3、边框 border：2px solid red;
1. border-width: px
2. border-style:
可选值：
none | solid | dotted | dashed | double | wavy
3. border-color:颜色值
4、margin: 外边距
margin：上，右，下，左
margin的值：
margin-top:
margin-right:
margin-bottom:
margin-left:
最多设置5个标签!
{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','/static/images/logo.png', '推荐 慢半拍 的问题《【Web前端基础】css盒子模型属性有哪些》','http://www.shouhuola.com/answer/31285/80709.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
css盒模型包括：外边距，边框，填充（内边距）和实际内容
1、内容 content
width和height属性定义content的大小
- width: 设置宽度
- height: 设置高度
值：auto
length
百分比
2、内边距 padding：10px;
padding：上，右，下，左
padding的值：
一个值：表示四个方向的值
二个值：表示上下，左右
三个值：表示上，左右，下
四个值：表示上，右，下，左
padding-top:
padding-right:
padidng-bottom:
padding-left:
3、边框 border：2px solid red;
1. border-width: px
2. border-style:
可选值：
none | solid | dotted | dashed | double | wavy
3. border-color:颜色值
4、margin: 外边距
margin：上，右，下，左
margin的值：
一个值：表示四个方向的值
二个值：表示上下，左右
三个值：表示上，左右，下
四个值：表示上，右，下，左
margin-top:
margin-right:
margin-bottom:
margin-left:
一周热门 更多>