我想我的HTML鏈接看起來像一個真正的提交按鈕。任何好的代碼與CSS?我找到了一些例子,但我希望它不僅僅是一個灰色框。鏈接看起來像提交按鈕
1
A
回答
0
你的意思是你想創建看起來像按鈕的鏈接,但比標準的舊灰盒好一點?
這裏有很多的教程:只搜索「css按鈕」。好的一個是這樣的:http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html
0
如果你的小工具工具包的主題做了一些時髦的主題(大多數),你很可能無法重現按鈕的外觀。即使你可以,它也只會模仿你電腦的主題。
當然,如果你不介意你的按鈕與正常的按鈕不一致,那麼有很多教程可以讓你創建漂亮的CSS按鈕。
如果你可以考慮實際使用按鈕而不是鏈接,那可能會更好。
2
請在你喜歡的圖片旋進工具按鈕圖像,並使用這些代碼:
HTML
<a href="whatever/link.fil" class="link_button"> </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;
或者您可以使用文本像普通的元素的一部分,只是風格的背景:)
+0
這已經在答案中了...... – Kyle 2011-03-02 07:17:54
相關問題
- 1. 如何讓我的提交按鈕看起來不像按鈕?
- 2. 我該如何讓藥丸按鈕看起來像鏈接?
- 3. 如何使按鈕看起來像一個超鏈接aspx.net
- 4. 如何讓AngularJS鏈接看起來/行爲像一個按鈕?
- 5. Bootstrap使文本看起來像按鈕
- 6. WPF ToggleButton看起來像普通按鈕
- 7. 格式TextView看起來像鏈接
- 8. 發佈鏈接爲提交按鈕
- 9. 在超鏈接提交按鈕
- 10. 提交按鈕鏈接到另一頁
- 11. 使用提交按鈕進行鏈接
- 12. PHP變化鏈接提交按鈕
- 13. 使按鈕看起來一樣的鏈接
- 14. 如何使UIButton看起來像一個電子郵件鏈接按鈕?
- 15. 設置按鈕看起來像默認的安卓按鈕
- 16. 黑莓自定義按鈕,看起來像默認按鈕
- 17. 充分利用FLEX4按鈕看起來就像Flex3按鈕
- 18. 製作單選按鈕看起來像是按鈕
- 19. 使默認按鈕看起來像正常按鈕
- 20. Facebook像素 - 提交按鈕
- 21. 提交按鈕圖像
- 22. 我如何讓我的網頁按鈕看起來像Facebook按鈕的按鈕?
- 23. 使按鈕看起來按下
- 24. 製作可可按鈕看起來像是按編程方式
- 25. 在Swing中使圖像按鈕看起來被按下/點擊
- 26. 如何使圖像看起來像按鈕
- 27. CSS:提交按鈕看起來比文本輸入和文本標記更小
- 28. 爲什麼我的提交按鈕看起來在jQuery Mobile中自身重疊?
- 29. 點擊提交按鈕時查看sql
- 30. 提交按鈕不提交
[什麼CSS會產生這種可能的重複](http://stackoverflow.com/questions/4375255/what-css-will-produce-this) – mingos 2011-03-01 13:37:51