Question

我希望我的html链接看起来像一个真正的提交按钮。用css的任何好代码？我找到了一些例子，但我希望它比一个灰色的盒子更真实。

Answer 1

在您喜欢的图像处理工具中制作一个按钮图像并使用以下代码：

HTML

<a href="whatever/link.fil" class="link_button">&nbsp;</a>

CSS：

.link_button
{
    background-image: url(path/to/button_image.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    width: 79px; /*your image width*/
    height: 35px: /*your image height*/
}

这应该设置你的链接看起来像你创建的一个很好的样式按钮。

如果您不想使用图像，也可以使用普通的CSS边框和baackground颜色/渐变。

关于 ，因此图像本身没有显示任何文本，另一种方法是使用css：text-indet: -9999px;，或者您可以将文本作为元素的一部分使用，就像正常一样只需设置背景风格：）

Answer 2

你的意思是你想创建看起来像按钮的链接，但比标准的旧灰盒好一点吗？

有很多教程可供选择：只需搜索“css按钮”。一个好的就是：http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html

Answer 3

如果你的widget工具包的主题做了一些时髦的主题（大多数都是），你很可能无法重现按钮的外观。即使你可以，它也只能模仿你电脑的主题。

当然，如果你不介意你的按钮与普通按钮不一致，那么有许多教程可以让你创建漂亮的CSS按钮。

如果您可以考虑使用按钮而不是链接，那可能会更好。

链接看起来像提交按钮

3 个答案: