1.什么是内边距padding
内边距是指在HTML元素内容和边框之间的区域
使用CSS属性padding来表示
属性值为长度或百分比，默认值是0
注意取长度值时，不能为负值
百分比值相当于其父元素的长度比例
2.内边距的各个小属性
使用padding-top定义上内边距
使用padding-right定义右内边距
使用padding-bottom定义下内边距
使用padding-left定义左内边距
padding为简写属性！！！
例如：
.box1 { padding :20px;}
.box2 { padding-top :50px;}
.box3 { padding-right :10%;}
从上 开始顺时针
padding: 50px 20px 10px; 上50 右20 下10 左20
小例子：：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>内边距</title>
<style>
.box {
border: 1px solid red;
/* padding-top: 10px;
padding-right: 20px;
padding-bottom: 30px;
padding-left: 40px; */
/* 简写属性，重头戏 顺序上右下左顺时针 */
/* padding: 10px 20px 30px 40px; */
/* 简写属性，重头戏 省略某些 */
/* padding:50px;上右下左都是50 */
/* padding:50px 20px;上下50 左右20 */
/* padding: 50px 20px 10px;上50 右20 下10 左！左左左20 */
}
</style>
</head>
<body>
<div class="box">华为云教育</div>
</body>
</html>
228
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
