首页 > 网站 > WEB开发 > 正文

解说css中的margin属性缩写方式

2024-04-27 14:26:44
字体:
来源:转载
供稿:网友
解说CSS中的margin属性缩写方式
<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>

  


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表