<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title></title>
<!--padding: 5px; 1个值,代表上下左右都有5像素内边距-->
<!--padding: 5px 10px; 2个值,上下内边距是5像素,左右内边距是10像素-->
<!--padding: 5px 10px 20px; 3个值,上内边距5像素,左右内边距10像素,下内边距20像素-->
<!--padding: 5px 10px 20px 30px; 4个值,上内边距5像素,右内边距10像素,下内边距20像素,左内边距30像素-->
<style>
div {
width: 200px;
height: 200px;
background-color: pink;
padding: 20px 8px;
}
</style>
</head>
<body>
<div>盒子盒子和儿子盒子黑大帅阿斯顿撒法</div>
</body>
</html>
内边距的复合写法
最新推荐文章于 2021-12-29 13:27:49 发布