解说css中的margin属性缩写方式
2015-05-20 14:55
411 查看
<html> <body> <div style="border: 1px solid red;"> <div style="border: 1px solid blue; margin: 20px;"> margin: 20px;(上、下、左、右各20px。) </div> </div> <div style="border: 1px solid red;"> <div style="border: 1px solid blue; margin: 20px 40px;"> margin: 20px 40px;(上、下20px;左、右40px。) </div> </div> <div style="border: 1px solid red;"> <div style="border: 1px solid blue; margin: 20px 40px 60px;"> margin: 20px 40px 60px;(上20px;左、右40px;下60px。) </div> </div> <div style="border: 1px solid red;"> <div style="border: 1px solid blue; margin: 20px 40px 60px 80px;"> margin: 20px 40px 60px 80px;(上20px;右40px;下60px;左80px。) </div> </div> <p>在css中使用margin可以将margin-top,margin-right,margin-bottom,margin-left,缩写为一个标记,顺序为<span style="color: #ff0000"><strong>上右下左</strong></span>(顺时针)。</p> <p>margin标记可以带一个、二个、三个、四个参数,各有不同的含义 http://www.100sucai.com</p> </body> </html>
相关文章推荐
- css中margin、padding等属性的简写方式解读
- 【php基础班】第7天 overflow属性、CSS引入方式、定位、布局、margin合并问题、浏览器兼容
- div+css的margin缩写方式
- css中margin 缩写方式
- css的margin缩写方式有效提高书写效率
- css的margin缩写方式
- 项目复习期总结3:CSS引入方式,凝视,命名规范,背景,行高,文本属性
- 图解CSS的padding,margin,border属性(详细介绍及举例说明)
- CSS之margin属性完美详解
- 深入理解css中的margin属性
- 转 关于在IE9下css属性设置margin:0 auto 不能使div居中
- CSS padding margin border属性详解
- css中Margin和padding属性的区别
- css基础 设置div块的上下左右外填充距离margin(缩写形式)
- 深入学习CSS中Margin和Padding属性用法
- CSS代码优化教程之属性缩写
- [html&css]Pass Through - 41.HTML 使用负值设置页面元素的margin属性
- CSS margin 属性
- 移动端Web App开发——————HTML——————CSS引用方式及标签Style属性
- css margin 属性 详细使用说明