[問題] 請教有關button的問題
版上各位神人大大好
小弟想請教一個有關CSS實作button的問題
CSS實作的code如下:
.nb ul li.word_button a{display:block;
background-image:url(../easy/images/network/i_button.gif)no-repeat;
width:78px; height:28px; margin:0 auto; font-size:12px; color:#999999;
text-decoration:none; line-height:28px;visibility: hidden;}
.nb ul li.word_button
a:hover{background-image:url(../easy/images/network/i_button_on.gif)no-repeat;
color:#FFFFFF;}
這裡寫一個class叫word_button
其實很單純 就是加一些屬性
如button的背景圖案 長寬 button字體相關屬性等等
### 小弟的問題 ###
在html裡面使用這個class 如果button字數較長
則字串幾乎占滿整個button的背景圖案
小弟希望字串跟背景圖案的左右兩邊都留有空間
但是使用padding-left等屬性的話 背景圖片跟button字串是一起縮放的
想請問有沒有方法是只縮小button字串的長度 而不影響button背景圖片的長度呢?
小弟還是新手 問這種問題請多多包涵
還請各位高手不吝指教 非常感謝!!!!
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 61.222.86.79
→
01/20 23:03, , 1F
01/20 23:03, 1F
→
01/21 10:45, , 2F
01/21 10:45, 2F
→
01/21 10:45, , 3F
01/21 10:45, 3F
→
01/21 12:42, , 4F
01/21 12:42, 4F
→
01/21 16:00, , 5F
01/21 16:00, 5F