鏈接看起來像提交按鈕

我想我的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

鏈接看起來像提交按鈕

回答

相關問題