web前端开发技术实验与实践（第三版）储久良编著课外拓展训练3

最新推荐文章于 2022-10-26 23:24:53 发布

IDLE不是爱豆

最新推荐文章于 2022-10-26 23:24:53 发布

阅读量2k

点赞数 1

分类专栏：实训项目文章标签： html css web

本文链接：https://blog.csdn.net/weixin_61726211/article/details/123988879

版权

这是一篇关于web前端开发的课外拓展训练，作者通过实例展示了如何创建一个桂林风景展览的网页。实训内容包括页面的文字素材组织和代码实现，最终呈现了页面的效果截图。

摘要由CSDN通过智能技术生成

实训三课外拓展训练3.1

一、页面文字素材：

桂林风景展览

二、代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>桂林风景展览</title>
		<style type="text/css">
			.div1{
				width: 1500px;
				height: 700px;
				margin: 0px auto;
				text-align: center;
				background-color: orange;
			}
			h3{
				color: orangered;
				text-align: center;
			}
			ul{
				margin: 0 auto;
				width: 520px;
				list-style-type: none;
				height: 150px;
				text-align: center;
			}
			li{
				text-align: center;
				float: left;
				width: 120px;
				height: 30px;
			}
			img{
				border: 0px;
				width: 100px;
				height: 100px;
			}
			a{color: #ffffff;text-decoration: none;}
			a:link,a:visited,a:active{color: #0033cc;}
		</style>
	</head>
	<body>
		<div class="div1">
			<br />
			<h3>桂林风景展览&