作者bluedragon (藍閣龍宿)
看板Web_Design
標題[問題] 請教有關button的問題
時間Mon Jan 20 17:54:40 2014
版上各位神人大大好
小弟想請教一個有關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
1F：→ alog:試試 :before or :after 利用 content 屬性塞空白 01/20 23:03
2F：→ bluedragon:阿肉大 這樣作沒辦法只縮小字串長度 而是連字帶圖一起 01/21 10:45
3F：→ bluedragon:影響 請傳授小弟一些方法 感謝您！！ 01/21 10:45
4F：→ bluedragon:我耍笨了 謝謝a大提點 01/21 12:42
5F：→ lyforever:裡面再放一層span或div 字串放在這裡 不就可以了嗎?y 01/21 16:00