2024年5月12日发(作者:原翠柏)
css3网页右边距代码
css margin(外边距)属性定义元素周围的空间。margin清除周
围的(外边框)元素区域。margin没有背景颜色,是完全透明的。
margin可以单独改变元素的上,下,左,右边距,也可以一次改变
所有的属性。
margin
左边距 margin-left:数值 | autoauto:即距离这个边最远的距
离
右边距: margin-right:数值 | auto上边距: margin-top:数
值 这里不能用auto下边距: margin-bottom:数值 这里也不
能用auto外边距 复合写法
1:margin: 0px(上) 0px(右) 0px(下) 0px(左)2:margin: 0px
(上) 0px(左右) 0px(下)3:margin: 0px(上下边距) 0px(左右
边距)4:margin: 0px(上下左右边距都是0px)。
head>
我是p1
我是p2
p{width: 200px;
height: 200px;
background: red;
}
.p1{
margin-left: 100px;
margin-top: 100px;
margin-bottom: 0px;
}
.p2{
background: blue;
margin-right: auto;
margin-left: auto;
/* margin-left: 300px;
margin-top: -200px; /
}
2024年5月12日发(作者:原翠柏)
css3网页右边距代码
css margin(外边距)属性定义元素周围的空间。margin清除周
围的(外边框)元素区域。margin没有背景颜色,是完全透明的。
margin可以单独改变元素的上,下,左,右边距,也可以一次改变
所有的属性。
margin
左边距 margin-left:数值 | autoauto:即距离这个边最远的距
离
右边距: margin-right:数值 | auto上边距: margin-top:数
值 这里不能用auto下边距: margin-bottom:数值 这里也不
能用auto外边距 复合写法
1:margin: 0px(上) 0px(右) 0px(下) 0px(左)2:margin: 0px
(上) 0px(左右) 0px(下)3:margin: 0px(上下边距) 0px(左右
边距)4:margin: 0px(上下左右边距都是0px)。
head>
我是p1
我是p2
p{width: 200px;
height: 200px;
background: red;
}
.p1{
margin-left: 100px;
margin-top: 100px;
margin-bottom: 0px;
}
.p2{
background: blue;
margin-right: auto;
margin-left: auto;
/* margin-left: 300px;
margin-top: -200px; /
}