是否可以在HTML中的3d按钮上放置文本？

我想在我的网站上使用漂亮的3d按钮图像。然而，目前的工作方式是文本是图像的一部分

因此，当我想要更改文本（或创建新按钮）时，需要10分钟的编辑工作，而不是20秒的文本更改

我见过一些网站有一个空白按钮，上面有文字

真正的诀窍是使整个图像可点击。我已经能够使图像中的链接可见，但这是一个糟糕的用户界面。用户会希望在任何地方点击按钮，如果不这样做，他们会感到沮丧

看起来他们在超链接周围包装一个带有图像背景的.DIV标记

<Div (class w/ image> <a> text </a>

有人对此有什么见解或解释吗？”

代码示例

<a href="#" class="button" style="position: relative;left:-5px;" 
   onmousedown="return false;" 
   onclick="document.forms['register_form'].submit(); return false;">
    <span>
        My text
    </span>
</a>

可能类似于

a { 
   width: something ; 
   height: something; 
   display: block; 
   background: url('hi.png'); 
 }

而且

input { background: url('hi.png'); } 

是另一种选择

可能类似于

a { 
   width: something ; 
   height: something; 
   display: block; 
   background: url('hi.png'); 
 }

而且

input { background: url('hi.png'); } 

---

是另一种选择

将按钮设置为背景图像：

<style>
div.button a {
    display: block;
    width: /* image width */;
    line-height: /* image height */;
    text-align: center;
    background: url(/* image uri */) no-repeat;
}
</style>

分区按钮a{
显示：块；
宽度：/*图像宽度*/；
线条高度：/*图像高度*/；
文本对齐：居中；
背景：url（/*图像uri*/）不重复；
}

将按钮设置为背景图像：

<style>
div.button a {
    display: block;
    width: /* image width */;
    line-height: /* image height */;
    text-align: center;
    background: url(/* image uri */) no-repeat;
}
</style>

分区按钮a{
显示：块；
宽度：/*图像宽度*/；
线条高度：/*图像高度*/；
文本对齐：居中；
背景：url（/*图像uri*/）不重复；
}

将锚点设置为display:block并为其指定与div/background图像相同的高度/宽度是否有帮助？

将锚点设置为display:block并为其指定与div/background图像相同的高度/宽度是否有帮助？

您的示例只是将CSS样式放置在a标记上

从那里：

标签：

<a onclick="document.forms['register_form'].submit(); return false;"
   onmousedown="return false;" style="position: relative; left: -5px;"
   class="button" href="#">
    <span>Continue</span>
</a>

---

这正是你链接到的网站所做的。

你的例子就是把CSS样式放在a标签上

从那里：

标签：

<a onclick="document.forms['register_form'].submit(); return false;"
   onmousedown="return false;" style="position: relative; left: -5px;"
   class="button" href="#">
    <span>Continue</span>
</a>

这正是你链接到的网站所做的。

我觉得相当令人印象深刻。使用GWT设置超链接的样式

我觉得很令人印象深刻。使用GWT设置超链接的样式