css div 外边距内边距怎么控制 _ CSS _ 建站百科 _ 学做网站论坛_WEB开发

DIV CSS外边距指CSS属性单词margin，margin是设置对象四边的外延边距，没有背景颜色也无颜色。

divcss

1、margin语法
Margin:10px
Margin的值是数字+html单位，同时也可以为auto（自动、自适应）

2、应用结构
Div{margin:10px}
设置div对象四边间距为10px

3、Margin说明
margin是设置对象外边距外延边距离。
margin的值有三种情况，可以为正整数和负整数并加单位如PX像素（margin-left:20px）；可以为auto自动属性(margin-left:auto 自动)；可以为百分比（%）值（margin-left:3%）。

Margin延伸（单独设置四边间距属性单词）
margin-left 对象左边外延边距（margin-left:5px; 左边外延距离5px）
margin-right 对象右边外延边距（margin-right:5px; 右边外延距离5px）
margin-top 对象上边外延边距（margin-top:5px; 上边外延距离5px）
margin-bottom 对象下边外延边距（margin-bottom:5px; 下边外延距离5px）

一、CSS控制边界
1、内边距
padding（内边距也叫内填充）
padding-bottom 长度/百分比元件下端边线的空隙
padding-left 长度/百分比元件左端边线的空隙
padding-right 长度/百分比元件右端边线的空隙
padding-top 长度/百分比元件上端边线的空隙
简易写法：
padding:10px 一个值表示同时控制四个方向
padding:2px 4px 两个值表示第一个值控制上下第二个值控制左右
padding:2px 6px 10px 三个值表示第一个值控制上第二个值控制右和左第三个值控制下左边找右边
padding:1px 2px 3px 4px 四个值表示每个值单独控制上右下左
2、外边距
margin（外边界）属性介绍
margin-bottom auto 自动调整空隙长度/百分比设置下端空隙
margin-left auto 自动调整空隙长度/百分比设置左端空隙
margin-right auto 自动调整空隙长度/百分比设置右端空隙
margin-top auto 自动调整空隙长度/百分比设置上端空隙
简化方案：
margin:2px 4px
margin:2px 6px 10px
margin:1px 2px 3px 4px

代码如下:


<style type="text/css">

div{

width:200px;

height:200px;

background-color:#0F0;

margin:100px;

padding:10px;

}

body{

margin:0px;

}

</style>

</head>

<body>

<div>

6、你不能当饭吃，但没有你，我吃不下饭。 

7、要有多大的身躯，才能撑起您那龌龊的灵魂啊！ 

8、做男人的最高境界不是你去泡妞，而是让妞来泡你。 

9、有心才会累，无心者无所谓。 

</div>

</body>

搜索

热门标签:

css div 外边距内边距怎么控制 _ CSS _ 建站百科 _ 学做网站论坛

搜索

热门标签:

css div 外边距 内边距怎么控制 _ CSS _ 建站百科 _ 学做网站论坛

css div 外边距内边距怎么控制 _ CSS _ 建站百科 _ 学做网站论坛