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

float 練習(xí)

Original 2019-07-07 19:03:08 268
abstract：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>float 浮動(dòng)</title> <style type="text/css"> *{paddi 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>float 浮動(dòng)</title>
		<style type="text/css">
			*{padding: 0;margin: 0;}
			ul li{
				list-style: none;
				float: left;
				background: #9AA4FF;
				margin: 5px;
				padding: 10px;
				border-radius: 5px;
				}
			ul li ul{display: none;}
			ul li:hover ul{display: block;}
			ul li ul li{float: none;}
		</style>
	</head>
	<body>
		<div class="nav">
			<ul>
				<li>一級(jí)菜單1
					<ul>
						<li>二級(jí)菜單</li>
						<li>二級(jí)菜單</li>
						<li>二級(jí)菜單</li>
					</ul>
				</li>
				<li>一級(jí)菜單2
					<ul>
						<li>二級(jí)菜單</li>
						<li>二級(jí)菜單</li>
						<li>二級(jí)菜單</li>
					</ul>
				</li>
				<li>一級(jí)菜單3
					<ul>
						<li>二級(jí)菜單</li>
						<li>二級(jí)菜單</li>
						<li>二級(jí)菜單</li>
					</ul>
				</li>
				<li>一級(jí)菜單4
					<ul>
						<li>二級(jí)菜單</li>
						<li>二級(jí)菜單</li>
						<li>二級(jí)菜單</li>
					</ul>
				</li>
				<li>一級(jí)菜單5
					<ul>
						<li>二級(jí)菜單</li>
						<li>二級(jí)菜單</li>
						<li>二級(jí)菜單</li>
					</ul>
				</li>
				<li>一級(jí)菜單6
					<ul>
						<li>二級(jí)菜單</li>
						<li>二級(jí)菜單</li>
						<li>二級(jí)菜單</li>
					</ul>
				</li>
				<li>一級(jí)菜單7
					<ul>
						<li>二級(jí)菜單</li>
						<li>二級(jí)菜單</li>
						<li>二級(jí)菜單</li>
					</ul>
				</li>
				<li>一級(jí)菜單8
					<ul>
						<li>二級(jí)菜單</li>
						<li>二級(jí)菜單</li>
						<li>二級(jí)菜單</li>
					</ul>
				</li>
			</ul>
		</div>
	</body>
</html>

通過(guò)浮動(dòng)練習(xí)一個(gè)二級(jí)菜單。

Correcting teacher：查無(wú)此人Correction time：2019-07-08 09:21:40
Teacher's summary：完成的不錯(cuò)。浮動(dòng)在移動(dòng)端用到的比較多。繼續(xù)加油。

Release Notes

Popular Entries