自己做一個(gè)百度的首頁(yè)，可是搜索框的相機(jī)總是加不進(jìn)去，鼠標(biāo)指向相機(jī)也不會(huì)自動(dòng)變色，求老師幫忙。<!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">更多產(chǎn)品</p>?? ?<p class="q1">設(shè)置</p>?? ?<p class="q1">登錄</p>?? ?<p class="q1">學(xué)術(shù)</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>手機(jī)百度</b></p>?? ??? ?<div>?? ??? ?<p class="q5">?? ??? ??? ?<a id="w5" href="baidu">把百度設(shè)置為主業(yè)</a>?? ??? ??? ?<a id="w5" href="baidu">關(guān)于百度</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">意見(jiàn)反饋</a>?? ??? ??? ?京ICP證0317號(hào)?? ??? ??? ?<span class="q7"></span>?? ??? ??? ?<a id="w6" href="baidu">京工網(wǎng)安備11000002000001號(hào)</a>?? ??? ??? ?<span class="q8"></span>?? ??? ?</p>?? ??? ?</div></body></html>
2 回答
已采納
-
慕娘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; } -
一諾yinol你在百度那個(gè)頁(yè)面 F12 你就能直接看到百度是怎么布局了！或者你把代碼貼全！
-
慕娘5512214相機(jī)是class=“q2”；
慕娘5512214
TA貢獻(xiàn)2條經(jīng)驗(yàn) 獲得超0個(gè)贊
<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;
?? ??? ?}
添加回答
舉報(bào)
0/150
提交
取消