12.2学习笔记

#i1{
    width: 200px;
    height: 20px;
    background-image: url(a.jpg);
    background-position: -10px -10px;
}
/*未访问是的样式*/
a:link{
    text-decoration: none;
    color: red;
}
/*访问后样式*/
a:visited{
    color: green;
}
/*鼠标经过样式*/
a:hover{
    color: yellow;
}
/*鼠标点击时样式*/
a:active{
    color: deeppink;
}
.d1{
    width: 200px;
    height: 200px;
    background: blue;
}
.d1:hover/*hover可以给任何样式设置*/{
    background:red;
    width: 300px;
    cursor: pointer;/*j箭头变为小手*/
}