百度搜索框中的相机？
自己做一个百度的首页，可是搜索框的相机总是加不进去，鼠标指向相机也不会自动变色，求老师帮忙。
<!DOCTYPE html>
<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>一次</title><meta charset="utf-8"><style type="text/css">
.q1{
float: right; width: 50px; text-decoration: underline; font-weight: bold;
}
.q1:hover{
color: blue;
}
.q2{
display: inline-block;width: 18px;height: 16px;
background-image: url(camera_new_5606e8f.png);
}
.q2:hover{
margin-top: -8px;background-repeat: no-repeat;
background-image: url(camera_new_5606e8f.png);
resize: 0 -16px;
}
.q3{
background-color: #436EEE; width: 100px;height: 36px;
border: 0px;color: #fff;
}
.q3:hover{ background-color: #3A5FCD }
.q4{
clear: both;text-align: center;
position: relative;top: 405px;
font-size: 13px;
}
.q5{
clear: both; text-align: center;
position: relative;top: 410px;
}
#w5{
color: #a8a8a8; margin-left:25px; width: 48px;height: 14px;font-size:12px
}
.q6{
clear: both; text-align: center;
position: relative;top: 420px;
color: #a8a8a8;font-size: 12px;
}
#w6{
color: #a8a8a8; margin-left:25px; width: 48px;height: 14px;
}
.q7{
display: inline-block;width: 14px;height: 17px;
background-image: url(01.jpg);
}
.q8{
display: inline-block;width: 14px;height: 17px;
background-image: url(02.jpg);
margin-bottom: -3px;
}
#w1{
width: 70px; background-color: #436eee; color: #fff; text-align: center;
}
#w2{
width: 70px;
}
#div1{
clear: both; text-align: center;
}
#div2{
text-align: center;
}
#div3{
clear: both;text-align: center;
position: relative;top: 420px;
}
</style></head>
<body>
<p class="q1" id="w1">更多产品</p>
<p class="q1">设置</p>
<p class="q1">登录</p>
<p class="q1">学术</p>
<p class="q1">贴吧</p>
<p class="q1">视频</p>
<p class="q1">地图</p>
<p class="q1" id="w2">hao123</p>
<p class="q1">新闻</p>
<div id="div1">
<img src="%E4%B8%80%E6%AC%A1_files/bd_logo.png" width="350px">
</div>
<div id="div2">
<span class="q2"></span>
<input style="width: 456px;height: 30px; margin-right: -5px;" type="text">
<input class="q3" type="submit" value="百度一下">
</div>
<div id="div3"><img src="zbios_efde696.png"></div>
<p class="q4"><b>手机百度</b></p>
<div>
<p class="q5">
<a id="w5" href="baidu">把百度设置为主业</a>
<a id="w5" href="baidu">关于百度</a>
<a id="w5" href="baidu">About Baidu</a>
<a id="w5" href="baidu">百度推广</a>
</p>
<p class="q6">
@2017Baidu
<a id="w6" href="baidu">使用百度前必读</a>
<a id="w6" href="baidu">意见反馈</a>
京ICP证0317号
<span class="q7"></span>
<a id="w6" href="baidu">京工网安备11000002000001号</a>
<span class="q8"></span>
</p>
</div>
</body></html>
慕娘55122142回答
-
一诺yinol
贴代码！ -
慕娘5512214
<span class="q2"></span>.q2{ display: inline-block;width: 18px;height: 16px; background-image: url(camera_new_5606e8f.png); } .q2:hover{ margin-top: -8px;background-repeat: no-repeat; background-image: url(camera_new_5606e8f.png); resize: 0 -16px; }
随时随地看视频慕课网APP
Html/CSS