伪类选择器hover 主要是当鼠标悬停在某个元素上时,其样式会根据设定的属性进行变化,一般用于文字或是背景图片的修改;
说多了都是眼泪,直接上代码!
Eg:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>a-day1</title>
<style>
*{
padding: 0;
margin: 0;
}
ul{
height:58px;
width:960px;
margin:60px auto;
list-style: none;
}
ul li{
width:120px;
height:58px;
float:left;
}
ul li a{
display:inline-block;
width:120px;
height:58px;
background:url("img/n