padding属性

来源:互联网 发布:java鱼雷2017 编辑:程序博客网 时间:2024/06/14 13:09
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
*{
margin:0;
padding:0;
}
        div{
            width: 100px;
            height:100px;
            border: 10px solid red;
            padding:10px 20px 30px 40px;
        }
    </style>
</head>
<body>
padding:
padding-top:上内边距
padding-right:右内边距
padding-bottom:下内边距
padding-left:左内边距


padding的复合写法:
1.padding:10px;上右下左内边距都是10px
2.padding:10px 30px;上下内边距10px,左右内边距30px
3.padding:10px 20px 30px;上:10;右:20;下:30;左:20
4.padding:10px 20px 30px 40px;


<div>123</div>


</body>
</html>
原创粉丝点击