最新消息: USBMI致力于为网友们分享Windows、安卓、IOS等主流手机系统相关的资讯以及评测、同时提供相关教程、应用、软件下载等服务。

css3网页右边距代码

IT圈 admin 42浏览 0评论

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; /

}

发布评论

评论列表 (0)

  1. 暂无评论