Question

我需要为网络应用创建一些按钮。但是，我根本没有图形/ Photoshop技能。有没有一个网站/软件，我可以简单地输入我的按钮的文本，它会吐出一个图形图像与这些单词在顶部？

我不介意完全避免图形，但链接必须看起来像一个按钮。例如一个盒子。 Stackoverflow上的按钮看起来太平淡了。

Answer 1

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

它们是由HTML元素创建的，而不是图形。这样做的主要优点是你可以随时随地创建一个漂亮的按钮，如果你有很多按钮或很多语言来显示你的网站，这是很好的。

Answer 2

您可以查看MyCoolButton，但样式有限。

Answer 3

以下是我所知道的几个：

Answer 4

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

此外，虽然它不如生成自己的按钮图形那么好，但您只需使用浏览器的默认按钮：

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

史蒂夫

Answer 5

如果您不介意进入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>

我不认为我可以在这里发布一个例子，但如果你看{4}，你可以看到它在运作。

我会第一个承认它们相当简单，但它们确实看起来像一个按钮;）我肯定对CSS进行一些修改可以提供更好的结果 - 特别是如果你改变了颜色。

网站的按钮

5 个答案: