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

導(dǎo)航條下拉菜單

asal 2019-05-09 15:30:43 293
abstrak：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <link rel="icon" type="image/x-icon" href="https://www.jd. 
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<link rel="icon" type="image/x-icon" href="https://www.jd.com/favicon.ico">
	<link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
	<link rel="stylesheet" type="text/css" href="static/font-awesome/css/font-awesome.min.css">
	<title>京東頂部導(dǎo)航條</title>
	<style type="text/css">
		*{margin: 0;padding: 0;}
		.header{
			width: 100%;
			height: 30px;
			background: #E3E4E5;
			text-align: center;
			line-height: 30px;
			position: relative
		}
		.clear{clear: both;}
		a{text-decoration: none;}
		li{list-style: none;}
		.header_1{			
			height: 30px;
			float: left;
			position: absolute; top: 0px;left: 540px;
			font-size: 13px;
			color: #999999;
		}
		.header_1 li{margin-left: 10px;padding: 0px 10px;}
		.header_2{			
			height: 30px;
			position: absolute; top: 0px;right: 380px;
		}
		.header_2 li{
			color: #999999;	
			float: left;
			font-size: 13px;
			padding: 0px 2px;	
		}
		.header_2 li span{color: #999999;}
		.header_2 li span:hover{color: #F10215;}
		.header ul .bg:hover{background: #fff;}
		.bg ul{display: none;position: absolute; width: 280px;height: 160px;border: 1px solid #F5F5F5;}
		.bg ul li{margin-right: 50px;font-size: 13px;padding: 0 5px;width: 80px;text-align: left;}
		.bg:hover ul{display: block;}
		.bg ul li:hover{color:red;}
	</style>
</head>
<body>
	<div class="header">
		<ul class="header_1">
			<li class="bg"><i class="fa fa-map-marker" style="color: red;font-size: 16px;margin-right: 3px;"></i><span>北京</span></li>
		</ul>
		<ul class="header_2">
			<li><a href=""><span>你好,請登錄&nbsp;</span></a></li>
			<li><a href=""><span style="color: #F10215">免費注冊&nbsp;</span></a></li>
			<li>|</li>
			<li><a href=""><span>&nbsp;我的訂單&nbsp;</span></a></li>
			<li>|</li>
			<li class="bg"><a href="">
				<span>&nbsp;我的京東
					<ul>
						<a href=""><li>待處理訂單</li></a>
						<a href=""><li>消息</li></a>
						<a href=""><li>返修退換貨</li></a>
						<a href=""><li>我的問答</li></a>
						<a href=""><li>降價商品</li></a>
						<a href=""><li>我的關(guān)注</li></a>
						<a href=""><li>我的京豆</li></a>
						<a href=""><li>我的優(yōu)惠券</li></a>
						<a href=""><li>我的白條</li></a>
						<a href=""><li>我的理財</li></a>
					</ul>
				</span></a><i class="fa fa-angle-down"></i>&nbsp;
			</li>
			<li>|</li>
			<li><a href=""><span>&nbsp;京東會員&nbsp;</span></a></li>
			<li>|</li>
			<li class="bg"><a href=""><span style="color: #F10215">&nbsp;企業(yè)采購</span></a><i class="fa fa-angle-down"></i>&nbsp;</li>
			<li>|</li>
			<li class="bg">&nbsp;客戶服務(wù)<i class="fa fa-angle-down"></i>&nbsp;</li>
			<li>|</li>
			<li class="bg">&nbsp;網(wǎng)站導(dǎo)航<i class="fa fa-angle-down"></i>&nbsp;</li>
			<li>|</li>
			<li class="bg">&nbsp;手機京東&nbsp;</i></li>
		</ul>
	</div>
	<div class="clear"></div>
</body>
</html>

QQ截圖20190509153025.jpg

Guru membetulkan：查無此人Masa pembetulan：2019-05-10 13:57:06
Rumusan guru：完成的不錯，css寫的好，頁面效果就好。繼續(xù)加油。

Nota Keluaran

Penyertaan Popular