1.应用重定义标签设置背景
2.设置图像列表
3.导航条的书写
4.空链接
1.设置背景和字体等
body
{
background-image: url(img/logo.jpg);
background-color:#dedede;
background-repeat: no-repeat;
background-position: center;
background-position-y: 0px;
color: black;
font-size: large;
font-family: helvetica;
}
2.设置图像列表
ul{
list-style-image: url(img/maomao.jpg);
margin-left: 100px;
}
3.导航条的书写及鼠标放到导航栏的变化
.topbav{
margin-top: 50px;
overflow: hidden;
background-color: black;
width: 80%;
border-radius: 15px;
}
.topbav a{
float: left;
color: white;
background-color: black;
display: block;
padding:18px;
text-align: center;
}
.topbav a:hover{
background-color: white;
color: black;
}
导航条由黑底白字变为白底黑字
4.关于空链接
HTML 空链接:指指向链接后,鼠标变成手形,但单击后仍停留在当前页面。
<a href="#">链接文字</a>
5.rgba
rgba() 函数使用红®、绿(G)、蓝(B)、透明度(A)的叠加来生成各式各样的颜色。
RGBA 即红色、绿色、蓝色、透明度(英语:Red, Green, Blue、Alpha)。
红色(R)0 到 255 间的整数,代表颜色中的红色成分。
绿色(G)0 到 255 间的整数,代表颜色中的绿色成分。
蓝色(B)0 到 255 间的整数,代表颜色中的蓝色成分。
透明度(A)取值 0~1 之间, 代表透明度。
其中颜色可以使用百分比来表示