css3的边距属性包括哪两种_ui

css3的边距属性包括哪两种

css3的两种边距属性：1、内边距属性（padding、padding-top等），可设置元素边框与元素内容之间的空间；2、外边距属性（margin、margin-top等），可设置元素周围的空间。

本教程 *** 作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

css3的边距分为两种：

内边距（padding）：元素边框与元素内容之间的空间
外边距（margin）：元素周围的空间

内边距属性

属性说明padding使用简写属性设置在一个声明中的所有填充属性padding-bottom设置元素的底部填充padding-left设置元素的左部填充padding-right设置元素的右部填充padding-top设置元素的顶部填充

示例：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<style>
p
{
	background-color:yellow;
}
p.padding
{
	padding:25px 50px;
}
</style>
</head>

<body>
<p>这是一个没有指定内边距的段落。</p>
<p class="padding">这是一个指定内边距的段落。</p>
</body>

</html>

外边距属性

属性描述margin简写属性。在一个声明中设置所有外边距属性。margin-bottom设置元素的下外边距。margin-left设置元素的左外边距。margin-right设置元素的右外边距。margin-top设置元素的上外边距。

示例：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<style>
p
{
	background-color:yellow;
}
p.margin
{
	margin:100px 50px;
}
</style>
</head>

<body>
<p>这是一个没有指定外边距大小的段落。</p>
<p class="margin">这是一个指定外边距大小的段落。</p>
</body>

</html>

（学习视频分享：css视频教程）

以上就是css3的边距属性包括哪两种的详细内容，

欢迎分享，转载请注明来源：内存溢出

原文地址:https://54852.com/web/699765.html

css3的边距属性包括哪两种

发表评论

评论列表（0条）