スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
RSSフィード twitter Google Bookmarks スポンサーサイトをはてなブックマークに登録 はてなブックマーク
タグ /

画像を使わなくても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

コメントを残す


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

 | BLOG TOP | 

人気記事

スポンサードリンク

新着記事

プロフィール

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

リンク

LOOMICDESIGN

タグクラウド

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。