スポンサーリンク
スポンサーリンク

物の角を丸くするborder-radiusプロパティ

CSS

<div><section>などブロックレベル要素に
背景色をつけたとき、その角は直角です。
この角をborder-radiusプロパティを使って丸く
表示することができます。角丸の形の値は、水平方向と
垂直方向の半径の長さで計算されます。四角の各かどは個別に
設定する方法と、まとめて設定する方法があります。

プロパティ 内容
border-top-left-radius 左上の角丸を設定。
border-top-right-radius 右上の角丸を設定。
border-bottom-left-radius 左下の角丸を設定。
border-bottom-right-radius 左右の角丸を設定。
border-radius 4箇所の角丸をまとめて設定。
内容
数値(整数) 半径の長さをpxで設定。
% 半径を%を設定。

コメント

タイトルとURLをコピーしました