HTML按钮图像截取

我正在尝试使用图像和基本CSS样式在HTML中创建一个简单的按钮。 当我在浏览器中加载html文件时，它会显示按钮的文本以及一些按钮图像，但是文本之外的任何内容都会被切断

我希望按钮完全显示（它相当大），没有任何文本

以下是我的HTML代码：

<link rel="stylesheet" type="text/css" href="style.css">
<a href="somepage.html" class="likeAButton">Fake Button</a>

---

任何帮助都将不胜感激。

默认情况下，锚点是内联的，因此它们没有大小。试试这个：

a.likeAButton {
    display: inline-block;
    ... 
}

a.likeAButton{
显示：内联块；
宽度：500px；
高度：600px；
背景图片：url(http://placehold.it/500x600);
字体大小：14px；
字体系列：塔荷马，日内瓦，无衬线；
字体大小：粗体；
文本对齐：居中；
}
a、 喜欢按钮：悬停{
背景图片：url(http://placehold.it/500x600/0000ff);
}
a、 喜欢按钮：活动{
背景图片：url(http://placehold.it/500x600/ff0000);
}

---

那么，你只想让“按钮”具有背景图像的宽度？

a.likeAButton {
    display: inline-block;
    ... 
}