Html+css+javaScript响应式婚庆布置公司网页设计

--- theme: condensed-night-purple highlight: a11y-dark --- 「这是我参与11月更文挑战的第4天，活动详情查看：[2021最后一次更文挑战](https://juejin.cn/post/7023643374569816095/ "https://juejin.cn/post/7023643374569816095/")」 > 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大？网页要求的总数量太多？HTML网页作业无从下手？没有合适的模板？等等一系列问题。你想要解决的问题，在这里常见网页设计作业题材有个人、美食、公司、体育、化妆品、物流、环保、书籍、婚纱、军事、游戏、节日、戒烟、电影、摄影学校、旅游、电商、宠物、电器、茶叶、家居、酒店、舞蹈、动漫、明星、服装、文化、家乡、鲜花、礼品、汽车、其他等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求都能满足你的需求。原始HTML+CSS+JS页面设计, web大学生网页设计作业源码，这是一个不错的电竞博客网页制作，画面精明，非常适合初学者学习使用。 > ## 视频演示： [web前端期末大作业-响应式婚庆公司网页设计.mp4](https://www.bilibili.com/video/BV18Q4y1S7Mj "web前端期末大作业-响应式婚庆公司网页设计.mp4") > ## 网页实现截图： **网站首页** ![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/936514167f1a493a87825a91ee7debd9~tplv-k3u1fbpfcp-zoom-1.image)![](<> "点击并拖拽以移动") 公司简介 **：** ![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/c31e494b89d846c4a9bc7a9c26f22733~tplv-k3u1fbpfcp-zoom-1.image)![](<> "点击并拖拽以移动") **公司优势：** ![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/00a9958586a84395a336fb31047a9873~tplv-k3u1fbpfcp-zoom-1.image)![](<> "点击并拖拽以移动") **婚宴场地：** ![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/90a097d3cf2c4a15891df535a40b35e9~tplv-k3u1fbpfcp-zoom-1.image)![](<> "点击并拖拽以移动") **客户案例：** ![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/1ba15d7988b34f578fc444d31dab43a8~tplv-k3u1fbpfcp-zoom-1.image)![](<> "点击并拖拽以移动") **相册列表：** ![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/8736baec463f4b028507f73f12aedd3e~tplv-k3u1fbpfcp-zoom-1.image)![](<> "点击并拖拽以移动") **服务团队：** ![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/08da42d51e24449ebe42afe486ec7fc7~tplv-k3u1fbpfcp-zoom-1.image)![](<> "点击并拖拽以移动") **热门活动：** ![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/7aa309de12264e328ebd862cfe23b7a9~tplv-k3u1fbpfcp-zoom-1.image)![](<> "点击并拖拽以移动") ![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/efc455daa83c4df38922b08f3e13aa04~tplv-k3u1fbpfcp-zoom-1.image)![](<> "点击并拖拽以移动") > ## 项目组织结构： ![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/0380a053f0a8406b8360e251761ac4c6~tplv-k3u1fbpfcp-zoom-1.image)![](<> "点击并拖拽以移动") > ## 主要源码展示： **index.html** ```html Html+css+javaScript响应式婚庆布置公司网页设计

``` **style.css** ```css * { transition: All 0.2s ease-in-out; -webkit-transition: All 0.2s ease-in-out; -moz-transition: All 0.2s ease-in-out; -o-transition: All 0.2s ease-in-out; } .left { float: left; } .right { float: right; } .clearfix { overflow: hidden; _zoom: 1; } .clear { height: 0px; clear: both; } body { font-family: "微软雅黑"; min-width: 320px; margin: 0px; padding: 0px; background: #fff; overflow-x: hidden; } ul { padding: 0px; margin: 0px; } ul li { list-style: none; } /*-header-*/ .phone-nav { position: absolute; font-size: 24px; display: none; color: #000; right: 15px; margin-top: 28px; font-size: 30px; z-index: 9; } .phone-nav:hover { color: #000; } ``` 作品来自于网络收集、侵权立删 > > 大家**点赞、收藏、关注、评论**啦 > > 打卡文章更新 **93**/ 100天 >