当前阅读教程:CSS入门到精通 > 外边距简写属性 margin | |||||||||||||||||||
阅读(22555525) 收藏 赞(5685) 分享 | |||||||||||||||||||
上一篇: 元素左外边距 margin-left | 下一篇: CSS padding(填充) | ||||||||||||||||||
浏览器支持表格中的数字表示支持该属性的第一个浏览器版本号 属性定义及使用说明margin简写属性在一个声明中设置所有外边距属性。该属性可以有1到4个值。 代码解析margin:10px 5px 15px 20px; n 上边距是 10px n 右边距是 5px n 下边距是 15px n 左边距是 20px margin:10px 5px 15px; n 上边距是 10px n 右边距和左边距是 5px n 下边距是 15px margin:10px 5px; n 上边距和下边距是 10px n 右边距和左边距是 5px margin:10px; n 所有四个边距都是 10px 注意: 负值是允许的
属性值
实例代码<!doctype html> <html> <head> <meta charset="utf-8"> <title>外边距简写属性 margin</title> <!--定义内部样式--> <style> p{ border: 1px solid; /*边框*/ } .css1{ margin: 1px 30px 60px 90px;/*顺序是上、右、下、左*/ } </style> </head> <body> <p>一个没有指定边距大小的段落。</p> <p>一个指定边距大小的段落。</p> <p>一个没有指定边距大小的段落。</p> </body> </html> 效果图 |
|||||||||||||||||||
上一篇: 元素左外边距 margin-left | 下一篇: CSS padding(填充) |