CSS盒子
2016-07-18 18:27
375 查看
padding 内边距
#box{width:440px; height:240px;border:1px solid black;
padding:30px 30px 10px 30px;
}
注意:
内边距相当于给一个盒子加了填充厚度会影响盒子大小
padding: top right bottom left;
margin 外边距
#box2{width:300px; height:100px; background:yellow;
margin:0 auto;}
/*
margin-right:auto;
margin-left:auto;
*/
注意:
外边距复合:margin: top right bottom left;
上下外边距会叠压;
父子级包含的时候子级的margin-top会传递给父级
相关文章推荐
- css背景图片在chrome下正常,IE下不显示
- css鼠标聚焦到文本框去除默认自带蓝色边框
- 整理下自己写前台页面时用到的全局样式
- stylelint — css书写规范
- Inline-block没有内容时,仍有高度
- CSS高级技巧:阴影效果
- css3属性 -webkit-filter
- [HTML/CSS]盒子模型,块级元素和行内元素
- CSS块级元素和行内元素
- 定位样式
- CSS ::selection伪类选择器
- CSS中不能被继承的元素
- CSS设置文字粗细
- 浏览器默认样式
- 用CSS 给网页装潢[3] -构造文本
- css网页布局中文字排版的属性和用法
- css基础知识汇总
- css 去除 a,checkbox 框 出现虚线
- display:inline-block的小注意
- JS/CSS收藏