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 ，我认为这就是您想要的方式。