第六章课后作业

最新推荐文章于 2024-11-10 13:17:33 发布

许静知

最新推荐文章于 2024-11-10 13:17:33 发布

阅读量323

点赞数 8

文章标签：前端 css

本文链接：https://blog.csdn.net/xbc811223/article/details/143065703

版权

1.使用CSS对页面网页元素加以修饰，制作“旅游攻略”网站。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>旅游攻略</title>
		<style type="text/css">
			.t1{
				background-color: aqua;
				text-align: center;
			}
			.t_left{
				float: left;
				width: 30%;
			}
			.text1{
				background-color: beige;
				border-bottom-style: dashed;
			}
			.text2{
				background-color: beige;
				margin-top: 0%;
				
			}
			.t_right{
				width: 60%;
				height: 50%;
				float: right;
				margin-right: 1%;
			}
		</style>
	</head>
	<body>
		<div><img src="img/logo (2).JPG" width="100%" height="100"/></div>
		<div><p class="t1">首页|酒店|旅游|跟团游|自由行|机票|门票|火车|汽车票|攻略|商旅|更多</p></div>
		<div class="t_left">
			<p>最新活动</p>
			<p class="text1">上海龙支付酒店+景点满500减100</p>
			<p class="text1">包车游世界，畅游当地行，还有外出补贴400人</p>
			<p class="text1">新年红包，你写就有，请拿起手机 编辑您的信息</p>
			<p class="text1">女神节，特别好礼，送给漂亮的你</p>
			<p class="text1">寒假出去玩，温泉滑雪HIGH起来，酒店八折起</p>
			<img src="img/guanggao.jpg" width="100%" height="300px"/>
		</div>
		<div class="t_right">
			<div><img src="img/lijiang.jpg" width="100%" height="250px"/>
			<p class="text2">2019的第一天，我遇见了下雨的丽江。<br />
			喜欢这边丽江的蓝天白云，一年中总会来上好几次</p>
			</div>
			<img src="img/feilvbin.jpg" width="100%" height="250px"/>
			<p class="text2">面面旅拍一宿务渔村麦克坦，墨宝鲸鲨甘米影<br />
			三入菲律宾之与反向锦鲤携手的囧途纪行</p>
		</div>
	</body>
</html>

2.使用CSS对页面网页元素加以修饰，制作“青年志愿者”网站。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>青年志愿者</title>
		<style type="text/css">
			.text1{
				word-spacing: 8px;
				text-align: center;
				background-color: beige;
				margin-top: 0%;
			}
			.text2{
				font-family: 楷体;
				text-indent: 2em;
			}
			.t1{
				float: left;
				margin-left: 350px;
				height: 600px;
				width: 400px;
			}
			.t2{
				float: right;
				margin-right: 350px;
				height: 750px;
				width: 450px;
				border-style: solid;
			}
		</style>
	</head>
	<body>
		<img src="img/logo.jpg"/>
		<hr color="#FF0000" size="2"/>
		<p class="text1">首页 	志愿组织 志愿项目 志愿文化 志愿阵地 志愿人才 志愿发布 志愿服务协会 支援社区 登录</p>
		<div class="t1">
			<img src="img/left.JPG"/>
			<img src="img/left2.JPG"/>
		</div>
		<div class="t2">
			<h3 align="center">"我和我的祖国" 视频征集活动</h3>
		</div>	
	</body>
</html>

第六章 课后作业

第六章课后作业