前面我们讲了盒子边框的宽度，样式和颜色，现在我们来聊聊外边距和内边距。
1.如果已经为一个盒子指定了宽度，那么内边距就会增加到这个盒子的宽度，意思就是盒子会变大。
2.我们也可以按顺时针来设置各个方向的内边距
padding-top
padding-right
padding-bottom
padding-left
3.也可以一次性设置完（要注意方向）：padding：10px 10px 10px 15px;
二，外边距（margin）
1.如果一个盒子的宽度被指定了，那么外边距就回增加到这个盒子的宽度。
2.
margin-top
margin-right
margin-bottom
margin-left
3.也可以快捷方式
margin:1px 2px 3px 1px;
4.也有这样的
margin:10px 15px
表示左右外边距都为10px，上下外边距都为15px
前面我们讲了盒子边框的宽度，样式和颜色，现在我们来聊聊外边距和内边距。 一，内边距（padding） 1.如果已经...
一、css的简介 二、css选择器 三、css属性 四、css盒子模型
继续上一节的CSS基础后，我们来看CSS的一些高级设置。 CSS盒子模型 1、盒子模型之边框 注意：复合样式顺序为...
web前端面试之CSS盒子与选择器（码动未来） 1.1.1、介绍一下标准的CSS的盒子模型？低版本IE的盒子模型有...
CSS盒子模型 盒子模型边框 CSS盒子模型的宽度和高度 CSS模型的填充 CSS盒子模型的边界 填充和边界的区别
基于CSS盒子模型及其CSS定位详解 CSS盒子模型 效果显示 盒子模型的简单应用 效果显示: CSS定位 效果显示
一，内容居中 如果想让一个盒子在页面中居中显示，可将left-margin 和 right-margin属性值设置...
默认情况下，一个盒子刚好容纳下其中的内容，但可以自定义盒子的大小。 一，盒子的大小 1.调整盒子的大小就要用到wi...
一，圆角 使用border-radius属性就可以为盒子创建圆角。 使用以下属性就可以为盒子的每一个角创建圆角。 ...
盒子模型（CSS 重点） css 学习三大重点： css 盒子模型 、 浮动 、 定位 主题思路： 目标...
本文标题：CSS之盒子（二）
本文链接：https://www.haomeiwen.com/subject/vqcxrxtx.html
网友评论