本文主要是介绍HTML5+CSS大作业——传统节日--中秋节(2页)，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
HTML5+CSS大作业——传统节日–中秋节(2页)
常见网页设计作业题材有
个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他等网页设计题目,A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!
获取更多源码
PC电脑端关注我们
🧡作者主页-更多源码
🧡HTML期末大作业文章专栏
文章目录
- HTML5+CSS大作业——传统节日--中秋节(2页)
- 获取更多源码
- 一、作品展示
- 二、文件目录
- 三、代码实现
- 四、获取更多源码
- 五、学习资料
- 六、更多源码
一、作品展示
二、文件目录
三、代码实现
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"><title>中秋活动</title><link rel="stylesheet" href="css/main.css">
</head>
<body><div class="_ui_active_wrap"><div class="container"><div class="_ui_active"><span class="_ui_title_l"></span><span class="_ui_title_r"></span><span class="_ui_title_m"></span><span class="_ui_title_b"></span><div class="_ui_active_time">领取时间： 2017年8月23日至9月25日</div><div class="_ui_received">已领取 <span class="_ui_received_num">1986</span> 份</div><!--领取方式--><div class="_ui_step clearfix"><div class="_ui_step_l"><img src="picture/step1.png" alt=""></div><div class="_ui_step_r"><p>符合领取资格的玩家，当您登录之后即有信息提示您进行领取，点击“立即领取”即可到会员中心填写您的收货地址，提交完毕后，工作人员会在10个工作日内发货，同时玩家也可以在会员中心页面查看您的物流订单号，再通过物流公司查询物流的状态。</p><p class="_ui_tips">* 为确保您能顺利领取月饼礼盒，请您保持电话畅通</p></div></div><!--活动规则--><div class="_ui_step clearfix"><div class="_ui_step_r"><p>1. 凡符合领取资格的玩家，均可获得中秋精美礼盒一份。</p><p>2. 每位会员只限领取一份，礼品数量有限， 先到先得。</p><p>3. 如活动期间，会员提供的地址或电话号码无效，导致礼品无法正常送达，将被视为自动放弃礼品。</p><p>4. 如礼品已经发货，玩家可通过快递单号咨询物流公司礼品快递进程 。</p><p class="_ui_tips_yellow">* 为了避免文字理解的差异，和记娱乐保留活动方案的解释权。</p></div><div class="_ui_step_l"><img src="picture/step2.png" alt=""></div></div><!--填写发货信息--><div class="_ui_step clearfix"><div class="_ui_step_pic"><img src="picture/step3.png" alt=""></div><div class="_ui_step_form"><form action="#" onsubmit="return false;"><h2 class="_ui_form_title">填写发货信息</h2><dl class="_ui_step_dl clearfix"><dt class="_ui_step_dt">联系人</dt><dd class="_ui_step_dd"><input type="text" class="_ui_input"></dd></dl><dl class="_ui_step_dl clearfix"><dt class="_ui_step_dt">联系电话</dt><dd class="_ui_step_dd"><input type="text" class="_ui_input"></dd></dl><dl class="_ui_step_dl clearfix"><dt class="_ui_step_dt">用户名</dt><dd class="_ui_step_dd"><input type="text" class="_ui_input"></dd></dl><dl class="_ui_step_dl clearfix"><dt class="_ui_step_dt">邮寄地址</dt><dd class="_ui_step_dd"><input type="text" class="_ui_input"></dd></dl><dl class="_ui_step_dl clearfix"><dt class="_ui_step_dt">快递方式</dt><dd class="_ui_step_dd"><input type="text" class="_ui_input" value="默认选择顺丰"></dd></dl><div class="_ui_sub_box"><input type="submit" value="提交" class="_ui_btn"></div></form></div></div><!--物流查询--><div class="_ui_step"><div class="_ui_logistics"><span class="_ui_logistics_icon"></span><dl class="_ui_logistics_in clearfix"><dt class="left _ui_logistics_dt"> 物流单号查询</dt><dd class="left _ui_logistics_dd"><input type="text" class="_ui_input" placeholder="请输入您的用户名"><button class="check_order">查询</button></dd></dl></div></div><!--留言区--><div class="_ui_step"><div class="_ui_message clearfix"><div class="_ui_step_r clearfix"><div class="_ui_message_dec"><h2>留言区</h2><p>感谢您对帝王国际的支持及信赖，您有任何意见的话，可在留言区留言。</p></div><div class="_ui_message_text"><p>· 时代峰峻拉克丝的减肥了手机端开了房老家了沙</p><p>· 祝愿网站越办越好</p><p>· 滚动客户留言从下到上</p><p>· 时代峰峻拉克丝的减肥了手机端开了房老家了沙</p><p>· 祝愿网站越办越好</p><p>· 滚动客户留言从下到上</p></div></div><div class="_ui_step_l"><img src="picture/step4.png" alt=""></div></div><div class="_ui_message_con"><form action="#" onsubmit="return false;"><dl class="_ui_message_dl clearfix"><dt class="_ui_message_dt">客户留言：</dt><dd class="_ui_message_dd"><textarea name="" id="" cols="30" rows="10"></textarea></dd></dl><dl class="_ui_message_dl clearfix"><dt class="_ui_message_dt">用户名：</dt><dd class="_ui_message_dd"><input type="text" class="_ui_input"><button class="sub_message_btn">提交</button></dd></dl></form></div></div></div></div></div>
</body>
</html>四、获取更多源码
PC电脑端关注我们
五、学习资料
web前端 零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)
适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站
六、更多源码
PC电脑端关注我们
HTML5期末考核大作业源码* 包含 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!
这篇关于HTML5+CSS大作业——传统节日--中秋节(2页)的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
