スポンサーサイト

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

[CSS3]画像を使わずにインナーシャドウで印象を変える方法

[CSS3]画像を使わずにインナーシャドウで印象を変える方法

備忘録的にアップしておきます。「1pxで見た目が変わる」とよく言われますが、それを画像を使わずにCSSだけで実現してみました。

パターン1

こんにちは!

パターン2

こんにちは!

いずれも立体感を出すために内側に1pxのインナーシャドウを入れています。これなら画像を使わなくても済むので、構築がとても楽ですよ。よろしければ使ってみてください。

関連記事

RSSフィード twitter Google Bookmarks [CSS3]画像を使わずにインナーシャドウで印象を変える方法をはてなブックマークに登録 はてなブックマーク
タグ / CSS3
コメント一覧

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2012/02/09 Thu 09:20 | URL

コメントを残す


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

 | BLOG TOP | 

人気記事

スポンサードリンク

新着記事

プロフィール

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

リンク

LOOMICDESIGN

タグクラウド

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