- Back to Home »
- css , HTML , WEBデザイン , お勉強 »
- 初心者でも分かる様にCSS3角丸の説明
Posted by : Izumikawa Fukumi
2014年3月25日火曜日
多分以下の表見たら一発で分かると思います。
角丸の全てはこれだけです。
角丸プロパティ | 特定箇所プロパティ | px指定 | ||||||||
---|---|---|---|---|---|---|---|---|---|---|
border-radius: |
|
5px; |
全て同じpx数の場合は「角丸プロパティ」とpx数を指定するだけで全ての角が角丸になります。
もし、特定の場所のみ角丸にしたい場合は「特定箇所プロパティ」で個別に指定する事により、
左上だけ角丸にするといった指定も可能です。
一覧にして全ての角を様々な角度にしたい場合は以下の様にします。
もし、特定の場所のみ角丸にしたい場合は「特定箇所プロパティ」で個別に指定する事により、
左上だけ角丸にするといった指定も可能です。
一覧にして全ての角を様々な角度にしたい場合は以下の様にします。
border-radius: 1px 3px 4px 2px;
- 左上
- 右上
- 右下
- 左下
角丸の全てはこれだけです。