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>