网页头部练习

css代码：



html代码：



制作效果：



制作思路：

将淘宝网导航栏分为两个div，一个左边放图片，一个右边放置四个div，最后一个右浮动，调好边距位置。宝贝背景是用背景色制作，搜索框和搜索按钮也是用背景图制作，搜索框中的图片用绝对定位制作。