Java学习05
1.当a标签未被访问时的样式,清除下划线
2.背景图的引入(background-image:url(./../../../work/Java0611宋东旭work03/詹姆斯哈登.png))
背景图的定位(background-position: -116px -32px 往右是+,往下是+)
背景图的固定(background-attachment: fixed;)
注意如果定位的时候找不到位置,可以去网页F12之后找到相应的代码然后按照 往右是+,往下是+的程序定好位置,再回到自己的html文件上添加上并且保存。
3.列表的四周框架线(border-bottom:dotted;)
无序列表的自定义图标(list-style-image: url(sp.png);)
4.a标签,鼠标放上去时,点击时,点击后。的相关颜色变化
link鼠标未访问时的样式
visited鼠标访问后的样式。
hover鼠标经过时的样式。
active鼠标点击后但没有松开的样式。
代码
css文件
a:link{
color: red;
text-decoration: none;
}
a:visited{
color: yellow;
}
a:hover{
color: green;
}
a:active{
color: pink
}
#d1{
width: 200px;
height: 200px;
background-color: red;
}
#d1:hover{
background-color: green;
cursor: pointer;
}
ol{
list-style-type: lower-alpha;
}
#v1 li{
border-bottom:dotted;
}
ul li{
border-bottom: double;
}
ul{
list-style-type:disc;
list-style-image: url(sp.png);
}
#user{
background-image: url(./1.png);
background-position: -151px -63px;
text-indent: 20px;
}
#pwd{
background-image: url(1.png);
background-position: -175px -63px;
text-indent: 20px;
}