简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > html教學 > 主體

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

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

<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>
登入後複製

　　

相關標籤：
解说css中的margin属性缩写方式
來源：php.cn
上一篇：3款网页jQuery抽奖实例演示_html/css_WEB-ITnose 下一篇：兼容浏览器的div透明_html/css_WEB-ITnose
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
無需 JavaScript 即可安全地將不受信任的輸入指派給 CSS 自訂屬性：指南 假設我有一個字串鍵和字串值的對象，我想將它們作為CSS自訂屬性寫入伺服器產生的一些HTML中。我怎樣才能安全地做到這一點？我所說的安全是指如果可能的話，自訂屬性聲明不應導致CSS語...
來自於 2023-09-06 22:32:52
0
1
327
CSS中是否有父選擇器？ 如何選擇作為錨點元素的直接父級的&lt;li&gt;元素？舉個例子，我的CSS可能是這樣的：li&lt;a.active{屬性:值;}顯然，可以使用Java...
來自於 2023-08-21 10:49:24
0
2
202
html5 - H5分辨率适配时，猎豹、UC浏览器以及webview缩放不正常 在对H5页面做分辨率适配的时候，采用动态设置meta标签中缩放属性initial-scale=1/dpr的方法， {代码...} 采用iphone6 750*1334设计稿写css...
來自於 2017-04-17 13:26:50
0
3
333
前端人员到底怎么学习Node.js或者入门? 尝试学习了一下，看了很多歪果仁写的书，还有API站点，感觉入门很难：1.一些必要的概念前端人员比较缺失，http header, 请求，响应，中间件，Node.js的理念也是够诡异...
來自於 2016-10-29 09:40:54
0
1
389
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！