css设置边距的方法:
1、使用margin属性设置外边距,定义元素周围的空间,可以控制块级元素之间的距离;
2、使用padding属性设置内边距,定义元素边框与元素内容之间的空间。
CSS 外边距
CSS margin
属性用于在任何定义的边框之外,为元素周围创建空间。
所有外边距属性都可以设置以下值:
- auto - 浏览器来计算外边距
- length - 以 px、pt、cm 等单位指定外边距
- % - 指定以包含元素宽度的百分比计的外边距
- inherit - 指定应从父元素继承外边距
- 允许负值。
CSS 内边距(填充)
CSS padding
属性用于在任何定义的边界内的元素内容周围生成空间。
所有内边距属性都可以设置以下值:
- length - 以 px、pt、cm 等单位指定内边距
- % - 指定以包含元素宽度的百分比计的内边距
- inherit - 指定应从父元素继承内边距
- 不允许负值。
简写属性
margin和padding都支持简写形式
padding/margin:10px; /* 意思是上下左右值全是 10px */ padding/margin:5px 10px; /* 意思是上下为 5px,左右为 10px */ padding/margin:5px 10px 7px; /*意思是:上为 5px,左右为 10px,下为 7px */ padding/margin:1px 2px 3px 4px; /* 意思是:上为 1px,右为 2px,下为 3px,左为 4px */
参考:w3school 在线教程
菜鸟教程 - 学的不仅是技术,更是梦想!
更多推荐
CSS边距
发布评论