cruiedu@com 很多朋友对于制作网站首页代码和CSS制作简易百度首页不太懂，今天就由小编来为大家分享，希望可以帮助到大家，下面一起来看看吧！
<!DOCTYPEhtml>\n<html>\n\t<head>\n\t\t<metacharset="utf-8">\n\t\t<title>百度一下，你就知道</title>\n\t\t<styletype="text/css">\n\t\t\t#img1{\n\t\t\t\tposition:relative;\n\t\t\t\tleft:650px;\n\t\t\t}\n\t\t\tulli{\n\t\t\t\tfloat:left;\n\t\t\t\tlist-style:none;\n\t\t\t\tpadding:5px;\n\t\t\t}\n\t\ta{\n\t\t\tpadding:5px;\n\t\t\ttext-decoration:none;\n\t\t}\n\t\t\n\t\t#baidu{\n\t\t\ttext-align:center;\n\t\t}\n\t\t#input1{\n\t\t\tfont-size:30px;\n\t\t\twidth:560px;\n\t\t}\n\t\t#db{\n\t\t\tposition:fixed;bottom:0;\n\t\t}\n\t\t#div1{\n\t\t\tposition:absolute;\n\t\t\tbottom:0;\n\t\t\tright:0;\n\t\t}\n\t\t#rebang{\n\t\t\tfont-size:25px;\n\t\t\tposition:relative;\n\t\t\tleft:610px;\n\t\t}\n\t\t\n\t\tullidiv{\n\t\t\tdisplay:none;\n\t\t}\n\t\tulli:hoverdiv{\n\t\t\tdisplay:block;\n\t\t}\n\t\t#C{\n\t\t\tfont-size:20px;\n\t\t\tfloat:left;\n\t\t}\n\t\t#B{\n\t\t\tposition:absolute;\n\t\t\tmargin-left:260px;\n\t\t\tdisplay:none;\n\t\t}\n\t\t#A{\n\t\t\tfont-size:20px;\n\t\t\twidth:1000px;\n\t\t}\n\t\t#A:hover#B{\n\t\t\tdisplay:block;\n\t\t}\n\t\t#D{\n\t\t\t\n\t\t\tfont-size:20px;\n\t\t\tfloat:right;\n\t\t}\n\t\t#F{\n\t\t\tposition:absolute;\n\t\t\t\n\t\t\tdisplay:none;\n\t\t}\n\t\t#D:hover#F{\n\t\t\tdisplay:block;\n\t\t}\n\t\t#G{\n\t\t\theight:50px;\n\t\t\t\n\t\t\tfloat:right;\n\t\t}\n\t\t#H{\n\t\t\tbackground-color:blue;\n\t\t}\n\t\t#J{\n\t\t\tposition:absolute;\n\t\t\tright:800px;\n\t\t\ttop:300px;\n\t\t\tdisplay:none;\n\t\t\tz-index:2;\n\t\t\t\n\t\t}\n\t\t#G:hover#J{\n\t\t\tdisplay:block;\n\t\t\t\n\t\t}\n\t\t#Z{\n\t\t\twidth:100px;\n\t\t\theight:30px;\n\t\t}\n\t\t#W{\n\t\t\tfont-size:22px;\n\t\t}\n\t</style>\n\t</head>\n\t<body>\n\t\t<divid="C">\n\t\t\t<ahref="http://news.baidu.com/"target="_blank">新闻</a>\n\t\t\t<ahref="https://www.hao123.com/"target="_blank">hao123</a>\n\t\t\t<ahref="https://map.baidu.com/@12126927,4038819,13z/"target="_blank">地图</a>\n\t\t\t<ahref="https://haokan.baidu.com/?sfrom=baidu-top/"target="_blank">视频</a>\n\t\t\t<ahref="https://tieba.baidu.com/index.html/"target="_blank">贴吧</a>\n\t\t\t<ahref="https://xueshu.baidu.com//"target="_blank">学术</a>\n\t\t\t</div>\n\t\t\t<divid="A">\n\t\t\t<ahref="https://www.baidu.com/more//"target="_blank">更多</a>\n\t\t\t<divid="B">\n\t\t\t\t<ul>\n\t\t\t\t\t<li><ahref="https://pan.baidu.com/"target="_blank"><imgsrc="imgs/wangpan.png"></img><br>网盘</a></li>\n\t\t\t\t<li><ahref="https://zhidao.baidu.com/"target="_blank"><imgsrc="imgs/zhidao.png"></img><br>知道</a></li>\n\t\t\t\t<li><ahref="https://baike.baidu.com/"target="_blank"><imgsrc="imgs/baike.png"></img><br>百科</a></li>\n\t\t\t\t<li><ahref="https://image.baidu.com/"target="_blank"><imgsrc="imgs/tupian.png"></img><br>图片</a></li>\n\t\t\t\t</ul>\n\t\t\t\t<ul>\n\t\t\t\t<li><ahref="https://baobao.baidu.com/"target="_blank"><imgsrc="imgs/baobao.png"></img><br>宝宝</a></li>\n\t\t\t\t<li><ahref="https://wenku.baidu.com/"target="_blank"><imgsrc="imgs/wenku.png"></img><br>文库</a></li>\n\t\t\t\t<li><ahref="https://jingyan.baidu.com/"target="_blank"><imgsrc="imgs/jingyan.png"></img><br>经验</a></li>\n\t\t\t\t<li><ahref="http://music.taihe.com/"target="_blank"><imgsrc="imgs/yinyue.png"></img><br>音乐</a></li>\n\t\t\t\t</ul>\n\t\t\t</div>\n\t\t\t</div>\n\t\t\t<divid="G">\n\t\t\t<ahref="#"><inputtype="button"value="登录"></input></a>\n\t\t\t<divid="J">\n\t\t\t\t<imgsrc="imgs/JJJ.png">\n\t\t\t</div>\n\t\t\t</div>\n\t\t\t<divid="D">\n\t\t\t\t<ahref="#">设置</a>\n\t\t\t\t<divid="F">\n\t\t\t\t\t<ahref="#">搜索设置</a><br>\n\t\t\t\t\t<ahref="#">高级搜索</a><br>\n\t\t\t\t\t<ahref="#">关闭预测</a><br>\n\t\t\t\t\t<ahref="#">隐私设置</a><br>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t\n\t\t<divid="img1">\n\t\t<imgsrc="imgs/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png">\n\t\t</div>\n\t\t<divid="baidu">\n\t\t<ahref="#"><inputid="input1"type="text"id=""value=""/><inputid="Z"type="button"value="百度一下"/></a>\n\t\t</div>\n\t\t<divid="rebang">\n\t\t<ahref="http://top.baidu.com/?fr=mhd_card">百度热榜</a>\n\t\t</div>\n\t\t<divid="resou"align="center">\n\t\t\t<tableid="W"border="0"cellspacing="5"cellpadding="25">\n\t\t\t\t<tr>\n\t\t\t\t<td><ahref="https://www.baidu.com/s?cl=3&tn=baidutop10&fr=top1000&wd=%E7%89%B9%E6%9C%97%E6%99%AE%E7%A7%B0NBA%E5%83%8F%E4%B8%80%E4%B8%AA%E6%94%BF%E6%B2%BB%E7%BB%84%E7%BB%87&rsv_idx=2&rsv_dl=fyb_n_homepage&hisfilter=1">1.特朗普炮轰NBA</a></td>\n\t\t\t\t<td><ahref="https://www.baidu.com/s?cl=3&tn=baidutop10&fr=top1000&wd=%E5%AE%98%E6%96%B9%E8%B0%83%E6%9F%A5%E5%A5%B3%E6%95%99%E5%B8%88%E4%B8%BE%E6%8A%A5%E6%A0%A1%E9%95%BF%E6%80%A7%E9%AA%9A%E6%89%B0&rsv_idx=2&rsv_dl=fyb_n_homepage&hisfilter=1">4.官方调查女教师</a></td>\n\t\t\t\t</tr>\n\t\t\t\t<tr>\n\t\t\t\t<td><ahref="https://www.baidu.com/s?cl=3&tn=baidutop10&fr=top1000&wd=%E8%94%A1%E8%8E%89%E4%B8%8D%E5%86%8D%E6%8B%85%E4%BB%BB%E6%AD%A6%E6%B1%89%E5%B8%82%E4%B8%AD%E5%BF%83%E5%8C%BB%E9%99%A2%E4%B9%A6%E8%AE%B0&rsv_idx=2&rsv_dl=fyb_n_homepage&hisfilter=1">2.蔡丽不再担任武汉市医院书记</a></td>\n\t\t\t\t<td><ahref="https://www.baidu.com/s?cl=3&tn=baidutop10&fr=top1000&wd=%E9%99%88%E9%98%BF%E5%96%9C%E5%8E%BB%E4%B8%96&rsv_idx=2&rsv_dl=fyb_n_homepage&hisfilter=1">5.陈阿喜去世</a></td>\n\t\t\t\t</tr>\n\t\t\t\t<tr>\n\t\t\t\t<td><ahref="https://www.baidu.com/s?cl=3&tn=baidutop10&fr=top1000&wd=%E5%85%A8%E7%90%83%E8%BF%9110%E4%BA%BF%E4%BA%BA%E5%8F%97%E7%B2%BE%E7%A5%9E%E5%81%A5%E5%BA%B7%E9%97%AE%E9%A2%98%E5%BD%B1%E5%93%8D&rsv_idx=2&rsv_dl=fyb_n_homepage&hisfilter=1">3.全球近10亿人受精神健康问题影响</a></td>\n\t\t\t\t<td><ahref="https://www.baidu.com/s?cl=3&tn=baidutop10&fr=top1000&wd=31%E7%9C%81%E5%8C%BA%E5%B8%82%E6%96%B0%E5%A2%9E%E5%A2%83%E5%A4%96%E8%BE%93%E5%85%A59%E4%BE%8B&rsv_idx=2&rsv_dl=fyb_n_homepage&hisfilter=1">6.31省区市新增境外输入9例</a></td>\n\t\t\t\t</tr>\n\t\t\t</table>\n\t\t</div>\n\t\t<divid="db">\n\t\t\t<ul>\n\t\t\t\t<li>设为首页</li>\n\t\t\t\t<li>关于百度</li>\n\t\t\t\t<li>AboutBaidu</li>\n\t\t\t\t<li>百度营销</li>\n\t\t\t\t<li>使用百度前必读</li>\n\t\t\t\t<li>意见反馈</li>\n\t\t\t\t<li>帮助中心</li>\n\t\t\t</ul>\n\t\t</div>\n\t\t<divid="div1">\n\t\t\t<ul>\n\t\t\t\t\n\t\t\t\n\t\t\t<li>@2020Baidu</li>\n\t\t\t<li>(京)-经营性-2017-0020</li>\n\t\t\t<li>京公网安备11000002000001号</li>\n\t\t\t<li>京ICP证030173号</li></ul>\n\t\t</div>\n\t</body>\n</html>\n以上代码写出来的结果如下图：
新手勿喷！！！
如果你还想了解更多这方面的信息，记得收藏关注本站。
