ウェブCSSボタン

ウェブデザイン作業の個人メモ。今日はCSSとボタンの試作の続きです。Macで作業しつつWindows + IEの表示結果を知るのがIE NetRenderer (BootCampでもいいんですが)。次にCSSでクールなボタンを作るまとめに各種の技法紹介あり。Simple Round CSS Buttons ( Wii Buttons )これ日本語サンプルもあるし、手元でも日本語ボタン実験成功。ただしボタン内部に二行分テキストを書こうとすると失敗しました。次にScalable CSS Buttons Using PNG and Background Colorsで実験。よく読まずにHTMLと CSS部分だけ書いてJavascrip無視したら、色のグラデーション付き日本語ボタン、角丸にならないまま中途半端に成功(とがった角)。ボタン内部に二行分テキストも成功。他にはCSS メニュー横並びボタン (web ZYCO ‘Sの)CSSロールオーバー・リストメニューも今後検討したいです。
(2009.6.17追記。その後、web ZYCO’Sの方法で大型ボタンと大きめの文字サイズで実験すると僕の場合はうまく動いています。今はZYCO’Sの第一ページだけ利用。第二ページ「解決編」はまだ試していませんが。ZYCO’Sに感謝。)
090521bento

コメント

タイトルとURLをコピーしました