「CSS」カテゴリーアーカイブ

CSS3のtransition、box-shadow、text-shadow、border-radiusを使用してナビメニュー（ボタン）を作成してみました。 IE、Operaには対応していません。Firefox、Safa… 続きを読む »

JSを使用せずにCSSでオンマウス時に画像が切り替わるタイプ。 ヘッダーのトップ画像切り替えなどに使えますね。 デモ：

企業サイトのデザインなどでよく使用する角丸ナビメニュー（背景に画像を使用）。 タブメニューなどにも使えますね。 デモ：　下地をブルーの背景。背景画像にグレイの角丸メニュー。オンマウスでブルーの角丸背景画像。

段組みレイアウトでよく使用するCSS・・「clear: both;」（回り込みの解除） 以下のように空白（特殊文字）を使用しているケースをみかけます。

リンクしてある画像をクリックすると、 点線枠が出てきます。 そのままでも良いのですが・・ なんか気になるので消しましょ。 CSSに以下追加すればOK。

ウェブサイトを制作しているとIE6のバグに頭を悩ませている方も多いと思います。 このブログのアクセス解析をみてみると下記グラフのようにアクセスユーザーのブラウザは、IE6でご覧になっている方もまだまだ多いのが現状です。(… 続きを読む »