淘先锋技术网

首页 1 2 3 4 5 6 7

CSS3中的margin,是网页布局中常用的一个属性,用于设置元素的外边距。margin属性共有四个值,分别是margin-top,margin-right,margin-bottom和margin-left,用于分别设置元素的上、右、下和左外边距的值。

margin属性有两种设置方式,一种是设置所有外边距的值相同,另一种是分别设置每个方向的外边距。看下面的代码:

/* 设置所有外边距的值相同 */
div{margin: 20px;}
/* 分别设置每个方向的外边距 */
div{
margin-top: 10px;
margin-right: 20px;
margin-bottom: 30px;
margin-left: 40px;
}

在设置所有外边距的值相同时,只需写一个值,这个值会被自动应用到四个方向的外边距。而在分别设置每个方向的外边距时,需要分别设置四个方向的值。

另外,margin还有一个特殊的值,就是负值。负值的作用是向元素的相邻元素方向上扩展外边距。例如,设置margin-left为负值时,会使元素向左移动,其相邻元素则会被挤开。

总之,margin属性是布局过程中非常常用的属性,能够有效控制元素的外边距大小及其方位,使页面布局更加灵活。