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

WBOY
發布: 2016-06-24 11:44:06
原創
1677 人瀏覽過

<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
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板