第一题
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>旅游攻略</title>
<style type="text/css">
.box{
width: 930px;
height: 700px;
background: url(img/bg.JPG) ;
}
.box1{
float: left;
width: 400px;
height: 520px;
background-color: #ffffff;
}
.box2{
float: right;
width: 490px;
height: 520px;
background-color: #ffffff;
}
p{
color: #000000;
border-bottom: 3px dashed white;
}
}
h2{
background-color: #ff0000;
color: white;
}
h3{
background-color: brown;
color: white;
font-size: 30px;
}
</style>
</head>
<body>
<div class="box">
<div>
<img src="img/logo1.JPG"/>
</div>
<div>
<h2>首页 | 酒店 | 旅游 | 跟团游 | 自由行
| 机票 | 火车 | 汽车票 | 机票 | 攻略
| 商旅 | 更多</h2>
</div>
<div>
<div class="box1">
<h3>最新活动</h3>
<div>
<p>上海支付酒店+景点满500减100</p >
<p>包车游世界，畅游当地行，还有出行补贴400元/人</p >
<p>新年红包，你写就有。请拿起手机，编辑您的信息</p >
<p>女神节，特别好礼，送给漂亮的你。</p >
<p>寒假出去玩。温泉滑雪HIGH起来，酒店8折起！</p >
<img src="img/guanggao.jpg" width="400px" height="240px"/>
</div>
</div>
<div class="box2">
<div>
<img src="img/lijiang.jpg" width="480px" height="170px"/>
<p>2019的第一天，我遇见了下雪的丽江。<br />
喜欢丽江这边的蓝天白云，一年中总会来上好几次...</p >
</div>
<div>
<img src="img/feilvbin.jpg" width="480px" height="200px"/>
<p>画面旅拍--宿务渔村麦克坦，墨宝鲸鲨甘米银。<br />
三入菲律宾之与反向锦鲤携手的囧途纪行</p >
</div>
</div>
</div>
</div>
</body>
</html>
第二题
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>青年志愿者</title>
<style type="text/css">
h2{
background-color: brown;
letter-spacing: 10px;
}
.a{
height: 850px;
}
.left{
border: 2px solid;
float: left;
margin-left: 400px;
}
.right{
border: 2px solid;
float: right;
margin-right: 400px;
}
.text{
font-weight: bold;
}
p{
text-indent: 2em;
}
</style>
</head>
<body>
<div>
<div>
<img src="img/logo.JPG" width="100%" height="100%"/>
</div>
<div>
<h2> 首页 志愿组织 志愿项目 志愿文化 志愿情况
志愿人才 志愿发布 志愿服务交流台 志愿社区 登录</h2>
<p class="text">中国青年诚信行动 志愿中国
青年之声 中国青年志愿*阳光光效行动专愿
二O一五年志愿服务*交流会官网 七夕令国*志汇上线</p >
</div>
<div >
<div class="left">
<div>
<img src="img/left.JPG" width="100%" height="100%"/>
</div>
<div>
<img src="img/left2.JPG" width="100%" height="100%"/>
</div>
</div>
<div class="right">
<div>
<h1>“我和我的祖国”视频征集活动启动</h1>
<p>看不清是什么,所以内容略...</p >
<br /><br /><br /><br /><br /><br />
<h3>志愿快捐</h3>
<hr size="5px" width="95%" color="gray"/>
<p>看不清是什么,内容略...</p >
<br /><br /><br /><br /><br /><br />
<h3>志愿观察</h3>
<hr size="5px" width="95%" color="gray"/>
<p>看不清是什么,内容略...</p >
<br /><br /><br /><br /><br /><br /><br /><br />
</div>
</div>
</div>
</div>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
