CSS学习笔记04 背景

透明背景

nav {
    background-color: black;
}

.menu {
    background-color: transparent;
}

设置透明

这样就使得菜单的颜色与导航栏的颜色一致

背景加亮凸显文字

.menu > li > a:hover {
    background-color: rgba(255,255,255, 0.1);
}

0.1代表透明度为百分之十