CSS3で角丸ボックスを作る『border-radius』プロパティのまとめ｜MONODEZ
様々なWebサイトで見かける角丸ボックスデザイン。 代表的なもので言えばAppleのWebサイトはそのほとんどが角丸ボックスでデザインされています。 これまでは角丸ボックスと作るときは画像を使うかJavascriptを使うかでした。 しかしCSS3ではとても簡単に角丸ボックスを作ることが出来ます。 基本的な記述方法 プロパティは『border-radius』。 値には角丸の半径を指定します。 .radius{ -webkit-border-radius: 10px; /* Safari, Chrome用 ... > このページを見る
はてなブックマーク
