13.css3 背景色を半透明に、メニューなどを綺麗に見せます Chap 5-10
学習書の「sample_a」(Chap5_1-10)を表示しソースコードを見て下さい。
ナビメニュー
ナビメニューのマウスオーバー時の背景色を半透明化する。
CSS記述
1 2 3 4 |
nav ul li a {... border-right: solid 1px rgba(255,255,255,0.3);} nav ul li a:hover{ background-color: rgba(1,122,205,0.3);} |
- 行番
- 説 明
- 2
- メニューの区切り線を半透明に
- 4
- マウスオーバー時の背景色を半透明化、半透明にするには、カラーを「RGB値」指定して、透明度をコードの後に記述