链接看起来像提交按钮

我想我的HTML链接看起来像一个真正的提交按钮。任何好的代码与CSS？我找到了一些例子，但我希望它不仅仅是一个灰色框。链接看起来像提交按钮

来源

2011-03-01 mjgirl

[什么CSS会产生这种可能的重复]（http://stackoverflow.com/questions/4375255/what-css-will-produce-this） – mingos 2011-03-01 13:37:51

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

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

来源

2011-03-01 11:11:52

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

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

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

来源

2011-03-01 11:13:22

有没有办法添加一个链接的请求参数按钮？据我所知，不是。 – mjgirl 2011-03-01 12:28:40

是的，有。一个带有提交按钮的表单，并将请求参数放在'input type =“hidden”'标记中。 – 2011-03-01 12:31:12

你能举个例子吗？我的意思是page.html？param = paramvalue – mjgirl 2011-03-01 12:37:56

请在你喜欢的图片旋进工具按钮图像，并使用这些代码：

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边框和背景颜色/渐变。

关于这所以没有文本图像本身上显示的 ，另一种方式就是使用CSS：text-indet: -9999px;或者您可以使用文本像普通的元素的一部分，只是风格的背景:)

来源

2011-03-01 11:14:49 Kyle

建议：在''内放置一些真实文本并用CSS隐藏CSS文本一个大的，负面的“文本缩进”。对于可访问性（屏幕阅读器可以说链接）更好，而且在使用非图形浏览器时，我可以看到链接。 – 2011-03-01 23:59:59

这已经在答案中了...... – Kyle 2011-03-02 07:17:54

链接看起来像提交按钮

回答

相关问题