スタイルシート(CSS)で角丸を作る方法

| カテゴリ/ プログラムや技術 | ブックマークに追加する

サイトを作るとき、角丸の図形で苦しんだことってありません?
最近主流のフルCSSで作るサイトの場合は、画像の指定がテーブル時代よりめんどくさかったりしますが、
よく探せば、、、あるじゃにゃーすかw



スタイルシート(CSS)で角丸を作る方法
http://allabout.co.jp/internet/hpcreate/closeup/CU20050322A/

スタイルシートを1行追加するだけで、作れるみたいですねw
これは便利だわw

http://www.monkeychop69.com/test/css-test.html

コーナー4つの指定も個別でできるようです。
もっと昔に知っていれば、、、と悔やまれるサイトも多々ありますが
今後は活用していこうと思います。

画像を使わない方が、確かにすっきりしますが
重厚感を付けたい人は、画像を使うといいと思います。

こっちのサイト(↓)は、画像を使って指定するタイプのようです。
http://www.schillmania.com/projects/dialog/

使用している画像とコードのダウンロードは、以下からできるようです。
http://www.schillmania.com/projects/dialog/dialog.zip

でも、角角が俺は好きw





トラックバック(0)

このブログ記事を参照しているブログ一覧: スタイルシート(CSS)で角丸を作る方法

このブログ記事に対するトラックバックURL: http://www.monkeychop69.com/mt/mt-tb.cgi/414

コメントする