9つの丸いボタンの記事

9つの丸いボタンの記事






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



ここに提示



Temporaryの元の記事



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



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

CSSを使用した防弾グラフィックリンクボタンの作成




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



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

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




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



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

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




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



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

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




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



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

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




CSS楕円ボタン



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

CSS楕円ボタン




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



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

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




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



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

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




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



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

CSSを使用してセクシーなボタンを作成する



All Articles