当我们在设置内边距时,可以使用padding 简写形式来设置内边距。
实例代码:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<style>
div{
border:1px solid black;
background-color:#add8e6;
padding:25px 50px 75px 100px;
}
</style>
</head>
<body>
<h1>使用padding简写属性</h1>
<div>这个div元素的上内边距是25px,右内边距是50px,下内边距是75px,而左内边距
是100px。</div>
</body>
</html>
运行效果:
评论