时间：2023-10-05 18:12:01 | 来源：网站运营
时间：2023-10-05 18:12:01 来源：网站运营
一个简单的网站设计与实现(HTML+CSS)---钻戒官网(5页浮动布局)：> ⛵ 源码获取 文末联系 ✈Web前端开发技术 描述 网页设计题材，DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 公司官网网站 | 企业官网 | 酒店官网 | 等网站的设计与制| HTML期末大学生网页设计作业，Web大学生网页
在线咨询
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>DR钻戒官方旗航店</title> <link rel="stylesheet" href="css/base.css"> <link rel="stylesheet" type="text/css" href="css/css1.css"></head><body> <div id="top">DR 一生浪漫只给你</div><br> <div id="topbar"> <div class="nav"> <ul> <li> <a href="" class="active">DR</a> <a href="strategy.html">求婚钻戒</a> <a href="star.html">明星推荐</a> <a href="experince.html">真爱体验店</a> <a href="culture.html">DR品牌文化</a> </li> </ul> </div> </div> <div id="content"> <!-- <p>DR 男士一生只能定制一枚</p><br /> --> <img src="picture/beijing.jpg"> </div> <div class="inner"> <p>DR求婚钻戒</p> <div class="hr"></div> <div class="inner-p"> <div>基于让爱情变的更美好的品牌使命，致力于对真爱唯一的传播与见证</div> <div><span>男士一生仅能定制一枚，</span>赠予一生唯一真爱的人</div> <div>在求婚的那一刻，许下对爱一生的承诺</div> </div> </div> <div class="tips"> <p>DR求婚Tips</p> <div class="hr"></div> <ul> <li> <img src="picture/part03_img01.jpg" alt=""> <div class="title">求婚场地的选择？</div> <div class="know">点击了解 ></div> </li> <li> <img src="picture/part03_img02.jpg" alt=""> <div class="title">如何选购一枚求婚钻戒？</div> <div class="know">点击了解 ></div> </li> <li class="last"> <img src="picture/part03_img03.jpg" alt=""> <div class="title">寻找附近的DR真爱体验店？</div> <div class="know">点击了解 ></div> </li> </ul> </div> <div class="story"> <p>DR真爱体验店求婚故事</p> <div class="hr"></div> <div class="i">每一枚DR求婚钻戒背后，都有一个相爱一生的故事。</div> <div class="i">DR真爱体验店见证族DR族浪漫的爱情故事，期待我们也能见证您一生唯一的爱情！</div> <div class="item clearfix"> <div class="lg"> <img src="picture/part04_banner03.jpg" alt=""> </div> <div class="rg"> <div class="box"> <div class="title">幸福，会从眼睛里跑出来</div> <div class="p"> 亲爱的，我想过无数次要怎么和你求婚。<br> 不善言辞的我选择了一个可以让我说出真心话<br> 而不必担心被打扰的地方<br> -DR杭州国芳百货店向你求婚，<br> 为你戴上了一生一枚的DR钻戒，<br> 看着你像孩子一样惊慌、惊喜、激动，<br> 心变得很满很温暖，亲爱的，<br> 谢谢你接受这个不善言辞的我，<br> 这个不能给你很多陪伴的我，<br> 这个还不够浪漫的我。<br> </div> <div class="img"> <img src="picture/part04_img03.png" alt=""> </div> <div class="p1">DR-杭州国芳百货店</div> <div class="t">DR体验店服务咨询</div> </div> </div> </div> <div class="t t1">查询附近体验店</div> </div> <div id="footer"> </div></body></html>关键词：布局,浮动,简单,设计,实现
