lovecoding
/
VIP30


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .box {
            width: 600px;
            height: 600px;
            background: #00f;
            color: #fff;
        }
        ul {
            width: 300px;
            background: #f00;
            height: 400px;
            padding-top: 10px;
            padding-left: 30px;
            list-style: none;
            /* padding-bottom */
            /* padding-right: 50px; */
        /* 
                内边距 padding
                    一个值 上下左右
                    两个值 上下 左右
                    三个值 上 左右 下
                    四个值 上 右 下 左
                
            */
        }
        ul li {
            /* padding-top: 10px;
            padding-left: 30px;
            padding-bottom: 40px;
            padding-right: 15px; */
            padding: 10px 30px 50px 100px;
        }
    </style>
</head>
<body>
    <div class="box">
        <ul>
            <li>明天休息</li>
            <li>吃铁锅炖</li>
            <li>看电影</li>
            <li>一会去吃火锅</li>
            <li>看无价之宝</li>
        </ul>
    </div>
</body>
</html>