如何设置按钮样式？

-4

我想知道如何创建各类按钮，在HTML如何设置按钮样式？

例如：

如何使这样的按钮？（并不是每一个元素，我只是想知道如何圆形按钮或让他们像圆圈，或也许像钻石。

来源

2017-05-29 Бојан Долић

您需要CSS3，也许图像和HTML（也许JavaScript的）。最好的地方是从谷歌搜索开始。 – Syfer

您需要CSS进行程式化按钮，下面是一个example

我很相信在图像被用来让你在图片显示的按钮的事实。

您可以添加“点击”呼叫所见here

来源

2017-05-29 19:23:49

你可以用“兑现”为你的CSS框架的JavaScript函数和这些按钮是相似的到芯片，并可以很容易地转换成链接。结帐此链接：http://materializecss.com/chips.html

您还可以使用bttn.css风格你的按钮：https://bttn.surge.sh

否则，你可以写自己的CSS您想要的结果。

来源

2017-05-29 19:46:59

这是一个简单的例子。

HTML：

<html> 
    <body> 
<div class="sample"> 
<p> this text will appears on the button </p> 
    </div> 
    </body> 
    </html>

CSS：

.example{ 
    margin:20px;} 
p{ 
    text-decoration:none; 
    display:inline-block; 
    background:#3D87F5; 
    color:white; 
    padding: 10px 20px 10px; 
    border-radius: 100px;}

来源

2017-05-30 02:40:55

如何设置按钮样式？

回答

相关问题