Web开发--任务05
5
刘冠军
开始于 2019-05-17 15:03
0 5 385
已截止

任务尚未发布或者你没有权限查看任务内容。

任务讨论
6-武奇 回复 刘冠军

老师我的作业为什么是0啊

http://www.divcss5.com/html/h529.shtml

1-刘洪
<!DOCTYPE html>
<html>
<head>
    <title>英华逸游</title>
</head>
<style  type="text/css">
*{
    margin:0px;
    padding:0px;
}
#header{
    background-color:#333333;
    height: 47px;
}
#top{
    width:1200px;
    height:45px;
    margin:0 auto;
}
#child{
    float: right;
    margin-right: 275px;
    width:36px;
    height: 29px;
    margin-top: 10px;
}
#num{
    width: 152px;
    height: 15px;
    margin-left: 931px;
    float: left;
    margin-top: -26px;
    color: #ffffff;
}
#word{
    width: 107px;
    font-size: 14px;
    color: #7d7d7d;
    position: relative;
    top:15px;
    left: 1100px;
}
#header1{
    background-color:#ffffff;
}
#yiyou{
    float:left;
    margin-left:69px;
    margin-top:15px;
}
#choice{
   margin-left:450px; 
}

ul,li,ol{
    list-style: none;
    display:inline-block;
}
a{
     font-family:微软雅黑;
     text-decoration:none;
 }
a:link{
    background-color:#ffffff;
 }
a:hover{
     text-decoration:underline;
     color:red;
} 
#m{
    margin:0 auto;
    margin-top:27px;
    margin-left:400px;
 }
 #nav{
    background-color:#f5f5f5;
    margin-top:30px;
    height:650px;
}
#choice1
{
    margin-left:150px;
}
#box{
    width:1200px;
    height:600px;
    background-color:#ffffff;
    border:1px solid #ffffff;
}
#yiyou1
{   width:800px;
    height:544px;
    border: 1px solid #ffffff;
    margin-left:20px;
}
#jiu{
    width:330px;
    height:250px;
    border:1px solid  #ffffff;
    margin-top:-400px;
    margin-left:750px;
}
#tu{
    width:30px;
    height:130px;
    text-align:center;
    border:1px solid  #ffffff;
    background-color:#1c5080;
    margin-top:-620px;
    float:right;
}
.one{
    border:1px solid  #ffffff;
}
</style>
<body>
<div id="header">
<div id="top">
<div id="child"><img src="images/phone.png"></div>
<div id="num"><p>400-808-8682</p></div>
<div id="word"><p>请登录 | 注册</p></div>
</div>
</div>
<div id="header1">
    <div id="lanmu">
        <div id="yiyou"><img src="images/logo.png"></div>
    <div id="choice">
    <ul id="m">
    <li><a href="#">首页</a></li>
    <li><a href="#">目的地</a></li>
    <li><a href="#">亲子游学</a></li>
    <li><a href="#">酒店预定</a></li>
    <li><a href="#">车辆接送</a></li>
    <li><a href="#">签证代办</a></li>
    <li><a href="#">精彩瞬间</a></li>
    </ul>
</div>
</div>
</div>
<div id="nav">
<div id="choice1">
<ul id="i">
    <li><a href="#">首页</a></li> >
    <li><a href="#">酒店预订</a></li>>
    <li><a href="#">曼谷悦榕庄酒店(酒店名称)</a></li>
</ul>
</div>
<div id="box">
<div id="yiyou1">
    <img src="images/big.jpg">
    <img src="images/s1.jpg">
    <img src="images/s2.jpg">
    <img src="images/s3.jpg">
    <img src="images/s4.jpg">
    </div>
    <div id="jiu">
    <h1>曼谷悦榕庄酒店(酒店名称)</h1>
      <p>所属集团:悦榕酒店及度假村集团/Banyan TreeHotels & Resorts</p>
      <p>所属品牌:悦榕庄/Banyan Tree </p> 
      <p>特色设施及服务Banyan↑ree Bangkok酒店的  制健身俱乐部提供设备齐全的健身中心、蒸汽浴室和桑拿浴室。</p>
      <p>其它特色介绍小文.....</p>
      <p>其它特色介绍小文家....</p>
      </div>
</div>
<div id="tu">
    <div class="one"><img src="images/qq.png"></div>
    <div class="one"><img src="images/phone.png"></div>
    <div class="one" ><img src="images/wx.png"></div>
    <div class="one"><img src="images/img.png"></div>
    <div style="background-color:#e8420a;font-family:微软雅黑; width:30px; height:150px; text-align:center;"><img src="images/img2.png">私人定制</div>
</div>
</body>
刘冠军

任务已更新

刘冠军

任务已更新