<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSSpadding复合属性</title>
<style>
div{
width: 300px;
height: 300px;
background-color:pink;
padding:50px;//上下左右都是50px
}
.zzf1{
width: 300px;
height: 300px;
background-color:pink;
padding:80px 50px;//上下80px,左右50px
}
.zzf2{
width: 300px;
height: 300px;
background-color:pink;
padding:80px 50px 70px;上80px,左右50px,下70px
}
.zzf3{
width: 300px;
height: 300px;
background-color:pink;
padding:80px 50px 70px 60px;上80px,右50px,下70px,左60px
}
</style>
</head>
<body>
<div>thhtjt</div>
<br>
<div class="zzf1">hththhthh</div>
<br>
<div class="zzf2">hththhthh</div>
<br>
<div class="zzf3">hththhthh</div>
</body>
</html>
CSSpadding复合属性
最新推荐文章于 2022-03-28 23:01:14 发布