CSS样式-padding

/* padding也是上右下左四个方向 */
/* 覆盖写法 */
/* padding: 5px;
padding-left: 1px; */
 /* 一次性给出四个方向的设定 */
padding: 5px 5px 5px 1px;
 
练习：
<head>
   <style type="text/css">
            a {
                height: 45px;
                background-color: #ccc;
                display: inline-block;
                line-height: 45px;
                color: #fff;
                text-decoration: none;
　　　　/*有的字比较多，有的字比较少，不建议设置宽度*/
                /* width: 150px; */
                padding: 0 20px;
                /* padding-left: 20px;
                padding-right: 20px; */
            }
   </style>
</head>
<body>
       <a href="#">首页</a>
       <a href="#">移动客户端</a>
</body>
posted @ 2021-02-21 20:26  #Friday  阅读(110)  评论(0)    收藏  举报