画像を使わなくてもCSS3だけでできるかっこいい水平線（hr）いろいろ

[CSS3]画像を使わなくてもできるかっこいい水平線hrいろいろ

CSS3を使うと、画像を使わなくても、色んなバリエーションの水平線（hr）が作れます。ということで、この記事ではかっこいい水平線の作り方をご紹介します。

両端が薄くなっているタイプの水平線

床にドロップシャドウがついたようなタイプ

ぼかしが効いています。

hr

CSSは画像よりも簡単に構築ができて良いですよね。他にも色んなバリエーションがありますので、続きを見るには原文をご覧ください。

Simple Styles for hr s

関連記事

RSSフィード twitter Google Bookmarks 画像を使わなくてもCSS3だけでできるかっこいい水平線（hr）いろいろをはてなブックマークに登録 はてなブックマーク
タグ / CSS
コメント一覧

名無しさん

Chrome18では見れましたがie9はまだなんですね～

2012/04/23 Mon 12:43 | URL

承認待ちコメント

このコメントは管理者の承認待ちです

2012/10/06 Sat 16:14 | URL

コメントを残す


管理者にだけ表示を許可する

トラックバック


この記事にトラックバックする(FC2ブログユーザー)

 | BLOG TOP | 

人気記事

無料の写真素材特集無料の写真素材特集
商用で使える写真を集めてみました..

WordPressプラグインいろいろWordPressプラグインいろいろ
まず導入すべきプラグインを集めて..

ベクター画像を大量に無料配布ベクター画像を大量に無料配布
Vecter素材を無料配布するサイトまとめ..

ココを押えればCSS3が分かるココを押えればCSS3が分かる
CSS3対応のツールやお役立ちサイトをご紹介..

女性向けPhotoshopブラシ女性向けPhotoshopブラシ
かわいらしい感じのフォトショップブラシを..

この質感がたまらない紙テクスチャこの質感がたまらない紙テクスチャ
背景に使える紙テクスチャ + チュートリアル..

見出しデザインCSS見出しデザインCSS
CSSだけで作る見出しサンプル集..

PhotoshopグラデーションまとめPhotoshopグラデーションまとめ
WEBデザインをPhotoshopでプロっぽく..

AdobeAIRアプリ厳選まとめAdobeAIRアプリ厳選まとめ
最近のAirアプリを16ツール..

日本の美しい風景を壁紙和風デスクトップ壁紙特集
日本の美しい風景を壁紙にしたものを集め..

ロゴ画像作成ツール集ロゴ画像作成ツール集
初心者からプロまで幅広く利用できる...

スポンサードリンク

新着記事

プロフィール

日刊ウェブログ式を運営するナカタと申します。まだ開設して日も浅い拙いブログですが、どうぞよろしくお願いします。

タグクラウド