css的margin缩写方式
2013-09-05 13:22
232 查看
<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标记可以带一个、二个、三个、四个参数,各有不同的含义。</p>
<p>更多代码请访问:<a href="http://www.lanrentuku.com/" target="_blank">懒人图库</a></p>
<p><script type="text/javascript" src="http://d.lanrentuku.com/goto/js-preview-728x90.js"></script></p>
</body>
</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标记可以带一个、二个、三个、四个参数,各有不同的含义。</p>
<p>更多代码请访问:<a href="http://www.lanrentuku.com/" target="_blank">懒人图库</a></p>
<p><script type="text/javascript" src="http://d.lanrentuku.com/goto/js-preview-728x90.js"></script></p>
</body>
</html>
相关文章推荐
- css的margin缩写方式有效提高书写效率
- 解说css中的margin属性缩写方式
- div+css的margin缩写方式
- css中margin 缩写方式
- css下margin、padding、border、background和font缩写示例
- css中margin、padding等属性的简写方式解读
- margin,padding和border在css中设置方式
- 【php基础班】第7天 overflow属性、CSS引入方式、定位、布局、margin合并问题、浏览器兼容
- html+css之margin使用方式
- css基础 设置div块的上下左右外填充距离margin(缩写形式)
- div+css的padding缩写方式
- css基础 设置div块的上下左右外填充距离margin(缩写形式)
- 常用CSS缩写语法总结
- CSS Margin 与Fixed定位
- 中文字体在CSS中的表达方式
- margin外边距合并问题以及解决方式
- ASP.NET学习笔记七之CSS加载的三种方式
- [转载]理解并运用 CSS 的负 margin 值
- css实现文字水平方向垂直方向同时居中的方式
- 常用CSS缩写语法总结