css的margin缩写方式代码,Css代码库,德仔网

代码语言

代码分类

【Css】 css的margin缩写方式

作者:Dezai.CN / 发布于2012/5/23/ 546

<div><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>
在css中使用margin可以将margin-top，margin-right，margin-bottom，margin-left，缩写为一个标记，顺序为<span style="color: #ff0000"><strong>上右下左</strong></span>（顺时针）。
margin标记可以带一个、二个、三个、四个参数，各有不同的含义。
 </body>
</html></div>

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　margin缩写方式　

同语言下

可能有用的

Dezai.CN贡献的其它代码(4037)