css div 网页的页面边距怎么控制

html-css021

css div 网页的页面边距怎么控制,第1张

块元素的之间的间距使用margin属性设置。

CSS margin 属性

定义和用法

margin 简写属性在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值。

说明

这个简写属性设置一个元素所有外边距的宽度,或者设置各边上外边距的宽度。

块级元素的垂直相邻外边距会合并,而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地,浮动元素的外边距也不会合并。允许指定负的外边距值,不过使用时要小心。

注释:允许使用负值。

例子 1

margin:10px 5px 15px 20px

/*

上外边距是 10px

右外边距是 5px

下外边距是 15px

左外边距是 20px

*/

例子 2

margin:10px 5px 15px

/*上外边距是 10px

右外边距和左外边距是 5px

下外边距是 15px*/

例子 3

margin:10px 5px

/*

上外边距和下外边距是 10px

右外边距和左外边距是 5px

*/

例子 4

margin:10px

/*所有 4 个外边距都是 10px*/

可能值

#容器ID{

margin-left:100px左边距100像素

margin-right:100px右边距100像素

margin-top:100px上边距100像素

margin-bottom:100px下边距100像素

明白了吗~~~~~~才15分~~~~!

使用padding-bottom样式实现字体文字下划线距离设置。

传统的css下划线text-decoration样式只能设置其文字下划线样式而无法实现下划线与文字间距调整。所以借助与padding属性模拟下划线实现文字与下划线之间距离可调节。

<!DOCTYPE html> 

<html> 

<head> 

<meta http-equiv="Content-Type" content="text/html charset=gb2312" /> 

<title>文汇建站</title> 

<style> 

.divcss5-x5{ padding-bottom:5px text-decoration:underline} 

.divcss5-x10{ padding-bottom:10px  text-decoration:underline} 

</style> 

</head> 

<body> 

<p> 

下划线divcss5距离调节实例 

<span class="divcss5-x5">我下划线距离为5px</span>, 

<span class="divcss5-x10">我的下划线距离为10px</span>

</p> 

</body> 

</html>