这是我自己写仿写的一个菜鸟首页,做的不是很好,还有许多需要改进的地方,仅供大家参考
html文件
<html>
<head>
<title>菜鸟教程-学的不仅是技术,更是梦想!</title>
<link rel="stylesheet" style="text/css" href="aaa.css"/>
</head>
<body>
<div class="div_shangbu">
<img class="div_tupian1"src="G9X_7`QO%JY@31_Z8MM24KS.png"/>
<input type="text"placeholder="搜索......"class="div_search">
</input>
<div class="div_xiakuang">
<div style="margin-left:30px;
margin-top:6px;
font-size:15px;
} " class="div_ziti1">首页
</div>
<div class="div_ziti1">菜鸟笔记
</div>
<div class="div_ziti1">菜鸟工具
</div>
<div class="div_ziti1">参考手册
</div>
<div class="div_ziti1">用户笔记
</div>
<div class="div_ziti1">测验/考试
</div>
<div class="div_ziti1">本地书签
</div>
<div class="div_ziti1">登录
</div>
</div>
</div>
<div class="div_zuobu">
<div class="div_quanbu"><img width=14 height=14 src="E(31V}_0O[6I`@LML_JV)QE.png">全部教程</div>
<div class="div_xiaokuang"><img width=20 height=20 class="aaa" src="IK019Q7V(84P)2QEFB}E(H5.png"/><div class="ziti">HTML/CSS</div></div>
<div class="div_xiaokuang