怎样用css语言同时设置元素的内外边距

发布网友发布时间：2022-04-22 09:05

共3个回答

热心网友时间：2022-04-06 12:42

padding是内边距，margin是外边距。
以内边距为例，
.box{ padding:10px} /*如果属性值只有1个数字，设置的就是4边的内边距*/
.box{ padding:10px 20px;} /*如果属性值有2个数字，设置的就是上下(10px)和左右(20px)*/
.box{ padding:10px 20px 30px} /*如果属性值只有3个数字，设置的就是上(10px)、左右(20px)、下(30px)*/
外边距也是一样。两个一起就看你想怎么设置了
.box{ width:500px; padding:10px; margin:0 auto;}/*这是一个内外边距都有且居中的例子*/

热心网友时间：2022-04-06 14:00

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>景安</title>
<style type="text/css">
.zz{ width:200px; height:100px; background:#00FF33; margin:5px; padding:5px;}
</style>
</head>

<body>
<div class="zz"></div>
</body>
</html>

我们可以使用padding和margin属性来设置内边距和外边距

热心网友时间：2022-04-06 15:35

那就同时设置padding和margin两个样式就行了,比如:
.test {
margin: 5px;
padding: 5px;
}