第六章练习题-CSDN博客

本文链接：https://blog.csdn.net/2301_79505693/article/details/143080847

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>青年志愿者</title>
    <style type="text/css">
        body {
            font-family:fangsong; /* 设置一个默认字体 */
        }
        .text1 {
            word-spacing: 8px;
            text-align: left;
            background-color: beige;
            letter-spacing: 0.1em;
            margin-top: 0%;
        }
        .w1 {
            word-spacing: 8px;
            text-align: left;
            background-color: #ffffff;
            letter-spacing: 0.2em;
            margin-top: 0%;
        }
        .t1, .work01 {
            float: left;
            margin-left: 200px; /* 调整左边距 */
            height: 600px; /* 调整高度 */
            width: 400px; /* 调整宽度 */
        }
        .work01 {
            margin-left: 100px; /* 调整.work01的左边距，使其与.t1并排 */
            border-style: solid;
            height: 750px; /* 调整高度 */
            width: 450px; /* 调整宽度 */
        }
    </style>
</head>
<body>
    <img src="img/38202b830ad56201928781bfcfb0952.jpg"/>
    <p class="text1">首页 &nbsp; 志愿组织 &nbsp; 志愿项目 &nbsp; 志愿文化 &nbsp; 志愿阵地 &nbsp; 志愿人才 &nbsp; 志愿发布 &nbsp; 志愿服务协会 &nbsp; 支援社区 &nbsp; 登录</p>
    <p class="w1">中国青年诚信行动 &nbsp; 志愿中国 &nbsp; 青年生产&nbsp; 中国青年 &nbsp;二〇一五年官网 &nbsp; xxx上线x</p>
    <div class="t1">
        <img src="img/abffa07223505bb88ca66b6c20d3d83.jpg"/>
        <img src="img/275583f080e3d24aab0c773e81f8790.jpg"/>
    </div>
    <div class="work01">
        <h3 align="center">"我和我的祖国" 视频征集活动启动</h3>
        <p> 我余裕艳看不清书上文字</p>
    </div>
</body>
</html>