2017-05-29 11 views
-4

私は、例えばHTMLでボタンのスタイル設定方法は?

をボタンのすべての種類を作成する方法を知りたい:http://1.bp.blogspot.com/-VPHXCnhqCoE/VUhxJKV5akI/AAAAAAAAHkw/aDSyCuLc4nw/s1600/round%2Bcornered%2Bbutton%2Busing%2Bbootstrap%2Bwith%2Bicons.jpg

これらのようなボタンを作るには? (必ずしもすべての要素、私はちょうどボタンを円形または円形のような、または多分ダイヤモンドのようにそれらを作る方法を知りたい。

+0

あなたはCSS3、多分画像やHTML(多分ジャバスクリプト)が必要になります。最良の場所は、Google検索を開始することです。 – Syfer

答えて

0

あなたが定型化されたボタンを作るためにCSSが必要になります。ここで私はかなりだexample

です画像はあなたが絵で示したボタンを作るために使用されたという事実に自信を持って。

あなたはhere

0

見られるように、あなたが使用できるJavaScript関数を呼び出すために「onclickの」追加することができ、あなたのCSSのフレームワークとして「マテリアライズ」これらのボタンは似ています簡単にリンクに変換することができます。チェックアウトこのリンク:http://materializecss.com/chips.html

また、あなたのボタンのスタイルを設定するためにbttn.css使用することができます:https://bttn.surge.sh

そうしないと、あなたの望ましい結果のために独自のCSSを書くことができます。

0

ここから始めて簡単なサンプルです。

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;} 
関連する問題