網站按鈕

我需要爲網絡應用程序創建一些按鈕。但是，我根本沒有圖形/ Photoshop技能。有沒有一個網站/軟件在那裏，我可以簡單地輸入我的按鈕的文本，它會吐出一個圖形圖像與頂部的這些話？網站按鈕

我不介意完全避免顯卡，但鏈接必須看起來像一個按鈕。例如一個盒子。 Stackoverflow上的按鈕對我的口味來說太簡單了。

來源

2009-05-22 alamodey

是的，有。谷歌是你的朋友...... – 2009-05-22 10:31:21

看看http://www.zurb.com/article/266/super-awesome-buttons-with-css3-and-rgba – Gumbo 2009-05-22 10:31:30

小心剋星，我知道你住的地方：d ：D感謝您瀏覽我的個人資料並降低我的問題。 – 2009-05-22 10:56:37

你可以看看MyCoolButton，但造型是有限的。

來源

2009-05-22 10:31:54 Galwegian

你可以使用Google's approach to buttons。

他們創造出來的HTML元素，而不是圖形。這樣做的主要好處是，你可以在飛行的任何文字，如果你有很多的按鈕或大量的語言中顯示你的網站，這是很好創建一個好看的按鈕。

來源

2009-05-22 10:37:03

這裏有一些我所知道的：

來源

2009-05-22 10:42:30

如果您使用的是Mac OS X，你可以使用Button Builder。

而且，雖然它不是像你一樣生成自己的按鈕圖像，你可以簡單地使用瀏覽器的默認按鈕：

<input type="button" value="My Button" />

史蒂夫

來源

2009-05-22 10:42:32

如果你不介意進入CSS就可以生成的東西，看起來像一個WinForms按鈕：

.button { 
    font:"Microsoft Sans Serif"; 
    font-size:small; 
    background:#CCCCCC; 
    border:solid; 
    border-width:thin; 
    border-left-color:#FFFFFF; 
    border-top-color:#FFFFFF; 
    border-right-color:#666666; 
    border-bottom-color:#666666; 
    padding-left:12px; 
    padding-right:12px 
}

或者這這是爲了看起來像一個鍵盤上的鍵：

.key { 
    font:"Microsoft Sans Serif"; 
    font-size:small; 
    color:#FFFFFF; 
    background:#000000; 
    border:solid; 
    border-width:medium; 
    border-left-color:#999999; 
    border-top-color:#999999; 
    border-right-color:#333333; 
    border-bottom-color:#333333; 
    padding-left:3px; 
    padding-right:3px 
}

要使用它只是圍繞與文本：

<span class="button">Button Text</span> 
<span class="key">Key Text</span>

我不認爲我可以在這裏發佈的例子，但如果你看here，你可以看到它在運轉。

我會第一個承認它們相當簡單，但它們確實看起來像一個按鈕;）我相信對CSS有點修補可以給出更好的結果 - 特別是如果您更改顏色。

來源

2009-05-22 10:52:26 ChrisF

回答

相關問題