亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

仿淘寶頂部導航布局

asal 2019-03-30 23:32:59 240
abstrak：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>常用導航布局案例</title>     <link rel="stylesheet"& 

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>常用導航布局案例</title>
    <link rel="stylesheet" type="text/css" href="css/font-awesome/css/font-awesome.min.css">
	<style type="text/css">
    *{margin: 0;padding: 0;}
    .header{
    	width: 100%;
    	background: #F5F5F5;
    }
    .header_content{
    	width: 1200px;	
    	margin: 0 auto;
        line-height: 40px;
    }
    .header_content a:hover{color:#FF5000;}
    .header_left{
    	height: 40px;
/*    	background: red;*/
    	float: left;
    }
    .header_left a{margin-right: 5px;}
    .header_right{
        height: 40px;
/*        background: red;*/
        float: right;
    }
    .clear{clear: both;}
    a{
        text-decoration: none;
        color: #000;
        font-size: 13px;
    }
    .header_a{
        display: inline-block;
        height:40px;
        width: 90px;
        /*background: red; */
        text-align: center;
    }
    .header_a:hover{background: #fff;}
    </style>
</head>
<body>
<div class="header">
     <div class="header_content">
          <div class="header_left">
              <a href=""class="header_a">中國大陸 &nbsp <i class="fa fa-angle-down"></i></a>
              <a href="" style="color: #FF5000;">親,請登錄</a>
              <a href="">免費注冊</a>
              <a href="">手機逛淘寶</a>
          </div>
          <div class="header_right">
               <a href="" class="header_a">我的淘寶 <i class="fa fa-angle-down"></i></a>
               <a href=""><span class="fa fa-cart-plus"></span> 購物車 &nbsp<i class="fa fa-angle-down"></i></a>
               <a href="" class="header_a"><span class="fa fa-star"></span> 收藏夾 <i class="fa fa-angle-down"></i></a>
               <a href="">商品分類</a>
               <a href="" class="header_a">賣家中心 <i class="fa fa-angle-down"></i></a>
               <a href="" class="header_a">聯(lián)系客服 <i class="fa fa-angle-down"></i></a>
               <a href="" class="header_a">網(wǎng)站導航 <i class="fa fa-angle-down"></i></a>
          </div>
     </div>
     <div class="clear"></div>
</div>
</body>
</html>


Guru membetulkan：西門大官人Masa pembetulan：2019-04-01 10:10:42
Rumusan guru：代碼結(jié)構(gòu)比較清晰，樣式命名也不錯。最好能上傳一下程序運行的效果圖

Nota Keluaran

Penyertaan Popular