解说css中的margin属性缩写方式_html/css_WEB-ITnose

WBOY
发布: 2016-06-24 11:44:06
原创
1682 人浏览过

<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>
登录后复制

  

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板