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;
}