9つの丸いボタンの記事

デザインを作成するとき、特定のデザイン用に様式化されたボタンの必要性に常に直面し、常に絵を描くことは便利ではなく、実用的でもありません。

ここに提示 。

Temporaryの元の記事。

CSSを使用した丸いボタンリンクの作成

この方法の欠点は、多数のスパンが存在することと、背景を作成するための2つのグラフィックファイルが存在することです。 プラスには、マウスを置いたときにボタンの周りに表示されるフレームと、ボタンの高さを変更する機能が含まれます。

ウラジミール・トクマコフ：フレーム、影、ボタン、サイコロ

欠点は、おそらくこの方法のかなり複雑な実装です。 プラス面では、もちろん、PNGはIEで既に修正されたバグとともにここで使用されます。 記事はロシア語です。

サイズ変更可能なボタンの作成とスタイル設定

マイナス：ボタンタグは常に使いやすいとは限りません。 プラス：押すことの効果。

丸いコーナー、興味深いオプション

マイナス：実装中のiタグが多すぎます 。 プラス：フォントサイズに依存せず、新しいスキンをすばやく作成し、オンになっている背景に依存せず、画像をオフにすると、白いリンクが目的の背景（この場合はオレンジ）になります。 記事はロシア語です。

シンプルなCSSとHTMLでボタンを作成する

マイナス：デザインのシンプルさ。 長所：フォントサイズに依存せず、デザインを作成するための1つのファイルと非常に単純な実装に依存します。

CSS楕円ボタン

マイナス：実装中のdivの存在、2つの画像ファイル。

CSSを使用したシンプルな丸いボタン（Wiiボタン）

プラス：デザインを作成するための1つのファイル、非常にシンプルな実装、非常に美しいデザイン。

「引き戸」を使用したボタン設計

短所：2つの画像ファイル、ボタンをクリックしたときの効果の問題。 長所：美しいデザイン。

CSSで美しいボタンを作成する

この方法の欠点は、背景に2つの画像が存在することです。 さらに：非常にシンプルな実装。