简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > html tutorial > teks badan

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

WBOY
Lepaskan： 2016-06-24 11:44:06
asal
1610 orang telah melayarinya

<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>
Salin selepas log masuk

　　

Label berkaitan：
解说css中的margin属性缩写方式
sumber：php.cn
Artikel sebelumnya：3款网页jQuery抽奖实例演示_html/css_WEB-ITnose Artikel seterusnya：兼容浏览器的div透明_html/css_WEB-ITnose
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Tetapkan input yang tidak dipercayai dengan selamat kepada sifat tersuai CSS tanpa JavaScript: Panduan Katakan saya mempunyai objek kunci rentetan dan nilai rentetan, dan saya mahu menulisnya s...
daripada 2023-09-06 22:32:52
0
1
327
Adakah terdapat pemilih ibu bapa dalam CSS? Bagaimana untuk memilih elemen &lt;li&gt; yang merupakan induk langsung elemen uta...
daripada 2023-08-21 10:49:24
0
2
202
html5 - H5分辨率适配时，猎豹、UC浏览器以及webview缩放不正常 在对H5页面做分辨率适配的时候，采用动态设置meta标签中缩放属性initial-scale=1/dpr的方法， {代码...} 采用iphone6 750*1334设计稿写css...
daripada 2017-04-17 13:26:50
0
3
333
前端人员到底怎么学习Node.js或者入门? 尝试学习了一下，看了很多歪果仁写的书，还有API站点，感觉入门很难：1.一些必要的概念前端人员比较缺失，http header, 请求，响应，中间件，Node.js的理念也是够诡异...
daripada 2016-10-29 09:40:54
0
1
389
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！