*

ウェッブ制作・パソコン

Width =px

ホーム > HTML・CSS > HTM5/CSS3 >
6.枠とナビメニューの角丸 MENU 

6.css3 枠(ボックス)やナビメニューの角を丸く Chap 5-1,2

学習書の「sample_a」(Chap-5_1-2)を表示しソースコードを見て下さい。
1) 枠の角丸
CSSの指定だけで角丸が作成出来る。

枠・角丸のcss記述

2) ナビメニューの角丸
CSSの記述だけで角丸が表示出来るが、メニューは枠と違って「ul」のリストを使っているので、左端部分と右端部分に分けて指定するので、ちょっと面倒。

CSS記述

3) 四隅を個別に指定する場合

border-radius: 左上 右上 右下 左下 ・左上から時計回り