クリエイター:コーディング備忘録ブログ

コーディング

hrのデザイン

hr要素をCSS3でいろいろなデザインに装飾する方法です。
画像を使わないため、画像のスライスや読み込みも早くなるので、使用場面によって便利な技です。

両端が細い罫線のデザイン

半透明のグラデーションを使用した罫線はrgbaを使用することで可能です。

hrにはドロップシャドウをつけることもできます。

画像を使わないで罫線をスタイリングできれば、ページごとにスライスしなおしたり、デザインの修正が来た場合でもすぐに対応できるので、こういった装飾部分はcssで行っていきたいですね。

コメント

この記事へのコメントはありません。

RELATED

PAGE TOP