
デザインを作成するとき、特定のデザイン用に様式化されたボタンの必要性に常に直面し、常に絵を描くことは便利ではなく、実用的でもありません。
ここに提示 。
Temporaryの元の記事。
CSSを使用した丸いボタンリンクの作成
この方法の欠点は、多数のスパン が存在することと、背景を作成するための2つのグラフィックファイルが存在することです。 プラスには、マウスを置いたときにボタンの周りに表示されるフレームと、ボタンの高さを変更する機能が含まれます。
ウラジミール・トクマコフ:フレーム、影、ボタン、サイコロ
欠点は、おそらくこの方法のかなり複雑な実装です。 プラス面では、もちろん、PNGはIEで既に修正されたバグとともにここで使用されます。 記事はロシア語です。
サイズ変更可能なボタンの作成とスタイル設定
マイナス:ボタンタグは常に使いやすいとは限りません。 プラス:押すことの効果。
丸いコーナー、興味深いオプション
マイナス:実装中のiタグ が多すぎます 。 プラス:フォントサイズに依存せず、新しいスキンをすばやく作成し、オンになっている背景に依存せず、画像をオフにすると、白いリンクが目的の背景(この場合はオレンジ)になります。 記事はロシア語です。
シンプルなCSSとHTMLでボタンを作成する
マイナス:デザインのシンプルさ。 長所:フォントサイズに依存せず、デザインを作成するための1つのファイルと非常に単純な実装に依存します。
CSS楕円ボタン
マイナス:実装中のdivの存在、2つの画像ファイル。
CSSを使用したシンプルな丸いボタン(Wiiボタン)
プラス:デザインを作成するための1つのファイル、非常にシンプルな実装、非常に美しいデザイン。
「引き戸」を使用したボタン設計
短所:2つの画像ファイル、ボタンをクリックしたときの効果の問題。 長所:美しいデザイン。
CSSで美しいボタンを作成する
この方法の欠点は、背景に2つの画像が存在することです。 さらに:非常にシンプルな実装。