HTML/CSS按钮

Question

.classname { 
background-image:url(../../images/classname.png); 
background-color:transparent; 
background-repeat:no-repeat; 
text-align:center; 
border:none; 
height:50px; 
width:160px; 
font-size:12px; 
font-family:Tahoma, Geneva, sans-serif; 
color:#CCC; 
} 

<div class="classname">Text</div> 

为什么文本是上述图像的？我应该添加什么来使其正常？我可以使用padding-top，但如果你知道我的意思，那么图像的底部也会有空间。 谢谢。

Answer 1

I created this for you，我认为这就是你想如何做到这一点。

Answer 2

因为图像是背景的文字。

如果你试图与文本后备图像按钮，就<img src="someurl" alt="sometext" />

你说的上述意思？