如何設置按鈕樣式？

-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

如何設置按鈕樣式？

回答

相關問題