画像を使わずcssだけで角丸を実現する方法

CSS3で実装予定?のプロパティを使えば、
画像を使わずに角丸を作れます。

Chrome、Safari、Firefoxならブラウザが対応しているので
下記のように指定してあげればOKです。

書き方のサンプル

CSS

#sample {
	border-radius: 5px; /* CSS3 */
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Chrome,Safari */

	border: 1px #333 solid; /* 枠線 */
	background:#ccc; /* 背景 */
}

この記事に関連する記事

コメントをどうぞ