2. 列表实例演示

BUG之神 174

二 列表实例演示

做一个明星作品列表

代码：]

<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<title>1-2列表实战</title>
</head>
<body>
	<h3 align="center">&sect;赵丽颖作品选&sect;</h3>
	<hr>
	<ul>
		<li>
			<img src="image/1.png" alt="2. 列表实例演示" height="50">
			<em>楚乔传</em>
			<a href="">
				点击播放<img src="image/play.jpg" alt="2. 列表实例演示" width="30">
			</a>
		</li>
		<li>
			<img src="image/2.png" alt="2. 列表实例演示" height="50">
			<em>花千骨</em>
			<a href="">
				点击播放<img src="image/play.jpg" alt="2. 列表实例演示" width="30">
			</a>
		</li>
		<li>
			<img src="image/3.png" alt="2. 列表实例演示" height="50">
			<em>杉杉来了</em>
			<a href="">
				点击播放<img src="image/play.jpg" alt="2. 列表实例演示" width="30">
			</a>
		</li>
		<li>
			<img src="image/4.png" alt="2. 列表实例演示" height="50">
			<em>西游记女儿国</em>
			<a href="">
				点击播放<img src="image/play.jpg" alt="2. 列表实例演示" width="30">
			</a>
		</li>
		<li>
			<img src="image/5.png" alt="2. 列表实例演示" height="50">
			<em>幸福到万家</em>
			<a href="">
				点击播放<img src="image/play.jpg" alt="2. 列表实例演示" width="30">
			</a>
		</li>
	</ul>
</body>
</html>

效果：

2. 列表实例演示 

 

本文作者为BUG之神，转载请注明。

分享