简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > Web Front-end > HTML Tutorial > body text

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

WBOY
Release： 2016-06-24 11:44:06
Original
1609 people have browsed it

<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>
Copy after login

　　

Related labels：
解说css中的margin属性缩写方式
source：php.cn
Previous article：3款网页jQuery抽奖实例演示_html/css_WEB-ITnose Next article：兼容浏览器的div透明_html/css_WEB-ITnose
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
Safely assign untrusted input to CSS custom properties without JavaScript: A guide Let's say I have an object of string keys and string values, and I want to write them as C...
From 2023-09-06 22:32:52
0
1
327
Is there a parent selector in CSS? How to select the &lt;li&gt; element that is the direct parent of the anchor eleme...
From 2023-08-21 10:49:24
0
2
202
html5 - H5分辨率适配时，猎豹、UC浏览器以及webview缩放不正常 在对H5页面做分辨率适配的时候，采用动态设置meta标签中缩放属性initial-scale=1/dpr的方法， {代码...} 采用iphone6 750*1334设计稿写css...
From 2017-04-17 13:26:50
0
3
333
前端人员到底怎么学习Node.js或者入门? 尝试学习了一下，看了很多歪果仁写的书，还有API站点，感觉入门很难：1.一些必要的概念前端人员比较缺失，http header, 请求，响应，中间件，Node.js的理念也是够诡异...
From 2016-10-29 09:40:54
0
1
389
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！