時間：2023-07-24 18:33:01 | 來源：網(wǎng)站運營
時間：2023-07-24 18:33:01 來源：網(wǎng)站運營
用html+css制作百度首頁：
在線咨詢
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>百度一下，你就知道</title> <style> /* 頂部內(nèi)容 */ .head,.foot{font-size: 13px;} .head_left{position: absolute;top: 20px;left: 17px;} .head_right{position: absolute;top: 20px;right: 30px;} .head a{text-decoration:none;color: black;cursor: pointer;} .head a:hover{color: blue;} /* 中間內(nèi)容 */ .body{text-align: center;position: relative;} img{height: 130px;margin-top: 113px;margin-right: 16px;cursor: pointer;} .text{width: 546px;height: 38px;position:absolute; margin: 15px -335px;border-radius: 10px 0 0 10px;border-color: rgb(0, 102, 255);} .submit{width: 108px;height: 44px;color: white;background-color: royalblue;cursor: pointer;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: 262px 923px; border-radius: 0 10px 10px 0;font-size: 17px;} .submit:hover{background-color: rgb(0, 89, 205);} /* 底部內(nèi)容 */ .foot_left{position: absolute;bottom: 15px;left: 25px;} .foot_right{position: absolute;bottom: 15px;right: 20px;color: gray;} .foot a{color: gray;text-decoration: none;} .foot a:hover{color: black;} </style></head><body> <!-- 頂部內(nèi)容 --> <div class="head"> <div class="head_left"> <a href="" target="_blank">新聞</a> <a href="" target="_blank">hao123</a> <a href="" target="_blank">地圖</a> <a href="" target="_blank">視頻</a> <a href="" target="_blank">貼吧</a> <a href="" target="_blank">學(xué)術(shù)</a> <a href="" target="_blank">更多</a> </div> <div class="head_right"> <a href="" target="_blank">杭州</a> </div> </div> <!-- 中間內(nèi)容 --> <div class="body"> <img src="百度.png" alt="baidu" title="點擊一下，了解更多"> <form action="http://www.baidu.com"> <input type="text" class="text"> <input type="submit" value="百度一下" class="submit"> </form> </div> <!-- 底部內(nèi)容 --> <div class="foot"> <div class="foot_left"> <a href="" target="_blank">設(shè)為首頁</a> <a href="" target="_blank">關(guān)于百度</a> <a href="" target="_blank">About Baidu</a> <a href="" target="_blank">百度營銷</a> <a href="" target="_blank">使用百度前必讀</a> <a href="" target="_blank">意見反饋</a> <a href="" target="_blank">幫助中心</a> </div> <div class="foot_right"> <span>©2020 Baidu</span> <span>(京)-經(jīng)營性-2017-0020</span> <a href="" target="_blank">京公網(wǎng)安備11000002000001號</a> <span>京ICP證030173號</span> </div> </div></body></html>好多細(xì)節(jié)都還不知道怎么做，暫時做成這樣，等到以后實力進(jìn)步了再回來補充吧關(guān)鍵詞：
微信公眾號
版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。
