正文
抽屉head部分,hover应用,鼠标放上变色
小程序:扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序
【扫一扫了解最新限行尾号】
复制小程序
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.pg_head{
background-color: #2459a2;
position: fixed;
top: 0;
right: 0;
left: 0;
height: 48px;
line-height:48px;
}
.pg_body{
margin-top: 50px;
}
.w{
width: 980px;
margin: 0 auto;
} .menu{
display: inline-block;
padding: 0 10px 0 10px;
color: white;
}
/*当鼠标移动到标签上时以下属性才会应用*/
.menu:hover{
background-color: #5e81ca;
}
</style>
</head>
<body> <div class="pg_head">
<div class="w">
<a class="logo">logo</a>
<a class="menu">全部</a>
<a class="menu">42区</a>
<a class="menu">笑话</a>
<a class="menu">图片</a>
</div>
</div>
<div class="pg_body">
<div class="w">f</div> </div> </body>
</html>效果如下图