類似于這種情況，在背景圖中添加文字的時候發現背景圖(企鵝和黃色部分)有些小，想要調整背景圖片大小，以下是未調整之前css原始碼：
.t3 a{background: url(../img/images/千鋒頁面_03.jpg) no-repeat ;
width: 201px;
height: 29px;
margin-right: 26px;
font-size: 12px;
line-height: 24px;
color: #FFFFFF;
padding-left:29px ;
padding-top: 5px;
text-align: center;}
這個時候是選中當前背景圖元素之后添的一些屬性。
改變背景圖大小的同時需要改變A標簽的寬高去適應背景圖。
此時A標簽屬于行內元素，屬性中的 寬高設定（width: 201px; height: 29px;）對A標簽沒有任何作用，需要先將A標簽的行內元素改成行內塊才可以，只要A標簽中添加一個屬性就可以：display:inline-block
添加完display屬性之后再去更改 寬高設定（width: 201px; height: 29px;）就會產生作用。
接下來是設定背景圖片大小，添加一個背景圖片大小屬性值：background-size:201px(左右) 34px(上下);
這些屬性值都添加完之后就可以了，具體代碼如下：
.t3 a{background: url(../img/images/千鋒頁面_03.jpg) no-repeat ;
background-size: 201px 34px;
width: 201px;
height: 29px;
display: inline-block;
margin-right: 26px;
font-size: 12px;
line-height: 24px;
color: #FFFFFF;
padding-left:29px ;
padding-top: 5px;
text-align: center;}
至此，所有操作都做完了，想要改變背景圖大小就改background-size，想要改變A標簽大小就改width、height。這教程詳細吧！！！
需要注意的一點是行內元素想要在css中更改樣式大小，必須現改為行內塊才可以。
uj5u.com熱心網友回復：
你這是自問自答？？uj5u.com熱心網友回復：
哈哈，第一次，沒經驗，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/92685.html
標籤：HTML(CSS)
上一篇：提交表單，request.getParameter("title") 如果引數值title是中文，得出結果卻是空。。。。在線等待~！