作者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