模仿淘宝导航

Original 2019-05-21 08:24:31 155
abstract:三大块1,整个导航2,left3,right<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>淘宝导航</title>    &l

三大块

1,整个导航

2,left

3,right



<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>淘宝导航</title>
   <link rel="stylesheet" type="text/css" href="css/index.css">
   <link rel="stylesheet" type="text/css" href="css/font-awesome-4.7.0/css/font-awesome.min.css">
</head>
<body>
<div class="header">
   <div class="header_content">
       <div class="header_left">
           <a href="" class="header_content">中国大陆&nbsp <i class="fa fa-angle-down"></i></a>
           <a href="" class="header_content" style="color:#f22e00">亲,请登录</a>
           <a href="" class="header_content">免费注册</a>
           <a href="" class="header_content">手机逛淘宝</a>

       </div>
       <div class="header_right">
           <a href="" class="header_content">我的淘宝&nbsp <i class="fa fa-angle-down"></i></a>
           <a href=""><span class="fa fa-cart-plus" style="color:#f22e00" ></span>&nbsp购物车&nbsp <i class="fa fa-angle-down"></i></a>
           <a href="" class="header_content"><span class="fa fa-star" style="color:#f22e00"></span> &nbsp收藏夹&nbsp <i class="fa fa-angle-down"></i></a>
           <a href="">商品分类</a>
           <a href="" class="header_content">千牛卖家中心&nbsp <i class="fa fa-angle-down"></i></a>
           <a href="" class="header_content">联系客服&nbsp <i class="fa fa-angle-down"></i></a>
           <a href="" class="header_content">网站导航&nbsp <i class="fa fa-angle-down"></i></a>
       </div>
   </div>
   <div class="clear"></div>
</div>
</body>
</html> 

Correcting teacher:查无此人Correction time:2019-05-21 09:18:35
Teacher's summary:完成的不错。学编程,先从模仿开始,继续加油。

Release Notes

Popular Entries