网页作业9

server/2024/11/19 23:25:56/
<!DOCTYPE html>
<html lang="zh-CN">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>服务中心</title><style>css">* {margin: 0;padding: 0;box-sizing: border-box;}body {font-family: Arial, sans-serif;}.container {width: 1000px;margin: 0 auto;position: relative;}.top {height: 120px;background: url('logo.jpg') no-repeat center center / cover;}.menu {height: 60px;position: relative;}.menu img {float: right;margin: 5px 10px;}.left {width: 200px;height: 600px;float: left;background: url('left-a.jpg') no-repeat left top / 200px 300px,url('left-b.jpg') no-repeat left bottom / 200px 300px;}.concent {width: 800px;height: 600px;float: left;position: relative;}.concent > center {text-align: center;font-weight: bold;font-size: 24px;margin-bottom: 20px;}.concent > h3 {font-weight: bold;font-size: 20px;margin-top: 20px;}.concent > p {margin-top: 10px;}.A, .B, .C {width: 264px;height: 248px;border: 1px solid black;text-align: center;font-weight: bold;font-size: 30px;background-color: white;position: absolute;top: 350px;}.A {left: 0;}.B {left: 270px;}.C {left: 540px;}.A img, .B img, .C img {width: 100%;height: 100%;object-fit: cover;}.footer {width: 1000px;height: 60px;position: absolute;bottom: 63px;left: 6px;background: url('footer.jpg') no-repeat center center / contain;}</style>
</head>
<body><div class="container"><div class="top"></div><div class="menu"><img src="menu-e.jpg" alt="Menu E"><img src="menu-d.jpg" alt="Menu D"><img src="menu-c.jpg" alt="Menu C"><img src="menu-b.jpg" alt="Menu B"><img src="menu-a.jpg" alt="Menu A"></div><div class="left"></div><div class="concent"><center>常见问题汇总</center><h3>一, 如何联系客服</h3><p>最近很多用户到咨询中心提问,为什么客服不在线,客服在线不回复,如何联系客服等问题,您可以联系下面的QQ了解详细解答:(QQ)123000000</p><h3>二, 我的订单为什么一直在交易中?</h3><p>很多客户在交易过程中会有这样的困惑:为什么订单一直在交易中?如果您的订单一直在交易中,我们建议你可以联系客服了解原因,您可以联系下面的QQ了解详细解答:(QQ)123000000</p><div class="A"><img src="right-a.jpg" alt="Right A"></div><div class="B"><img src="right-b.jpg" alt="Right B"></div><div class="C"><img src="right-c.jpg" alt="Right C"></div></div></div><div class="footer"></div>
</body>
</html>

在这里插入图片描述

<!DOCTYPE html>
<html lang="zh-CN">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>服务中心</title><style>css">* {margin: 0;padding: 0;box-sizing: border-box;}body {font-family: Arial, sans-serif;}.container {width: 1000px;margin: 0 auto;position: relative;}.top {height: 120px;background: url('logo.jpg') no-repeat center center / cover;}.menu {height: 60px;position: relative;}.menu img {float: right;margin: 5px 10px;}.left {width: 200px;height: 600px;float: left;background: url('left-a.jpg') no-repeat left top / 200px 300px,url('left-b.jpg') no-repeat left bottom / 200px 300px;}.concent {width: 800px;height: 600px;float: left;position: relative;}.concent > center {text-align: center;font-weight: bold;font-size: 24px;margin-bottom: 20px;}.concent > h3 {font-weight: bold;font-size: 20px;margin-top: 20px;}.concent > p {margin-top: 10px;}.A, .B, .C {width: 264px;height: 248px;border: 1px solid black;text-align: center;font-weight: bold;font-size: 30px;background-color: white;position: absolute;top: 350px;}.A {left: 0;}.B {left: 270px;}.C {left: 540px;}.A img, .B img, .C img {width: 100%;height: 100%;object-fit: cover;}.footer {width: 1000px;height: 60px;position: absolute;bottom: 63px;left: 6px;background: url('footer.jpg') no-repeat center center / contain;}</style>
</head>
<body><div class="container"><div class="top"></div><div class="menu"><img src="menu-e.jpg" alt="Menu E"><img src="menu-d.jpg" alt="Menu D"><img src="menu-c.jpg" alt="Menu C"><img src="menu-b.jpg" alt="Menu B"><img src="menu-a.jpg" alt="Menu A"></div><div class="left"></div><div class="concent"><center>常见问题汇总</center><h3>一, 如何联系客服</h3><p>最近很多用户到咨询中心提问,为什么客服不在线,客服在线不回复,如何联系客服等问题,您可以联系下面的QQ了解详细解答:(QQ)123000000</p><h3>二, 我的订单为什么一直在交易中?</h3><p>很多客户在交易过程中会有这样的困惑:为什么订单一直在交易中?如果您的订单一直在交易中,我们建议你可以联系客服了解原因,您可以联系下面的QQ了解详细解答:(QQ)123000000</p><div class="A"><img src="right-a.jpg" alt="Right A"></div><div class="B"><img src="right-b.jpg" alt="Right B"></div><div class="C"><img src="right-c.jpg" alt="Right C"></div></div></div><div class="footer"></div>
</body>
</html>

在这里插入图片描述


http://www.ppmy.cn/server/143320.html

相关文章

[前端面试]HTML AND CSS

HTML html语义化标签的理解 是什么: 在布局页面的时候&#xff0c;根据内容的结构与含义&#xff0c;选择合适的带语义的html标签 如header&#xff0c;footer&#xff0c;nav&#xff0c;article&#xff0c;main&#xff0c;aside&#xff0c;h标签等 好处&#xff1a; 增…

【国产MCU系列】-GD32F470-直接存储器访问控制器(DMA)

直接存储器访问控制器(DMA) 文章目录 直接存储器访问控制器(DMA)1、DMA介绍2、DMA寄存器列表3、DMA的传输模式与传输操作3.1 DMA的传输模式3.2 DMA的传输操作3.3 传输完成与软件清除4、DMA的中断4.1 中断标志4.2 中断异常4.3 中断错误5、固件库的DMA相关API6、DMA示例每个嵌…

nacos开启鉴权与配置加密

提示&#xff1a;文章写完后&#xff0c;目录可以自动生成&#xff0c;如何生成可参考右边的帮助文档 目录 前言 一、Nacos漏洞复现 1.1.查看配置 1.2.查看用户列表 1.3.注册新用户 二、Nacos开启鉴权 三、变更配置与信息加密 1.变更配置 2.信息加密 四、增强安全性 五、常见问…

为了数清还有几天到周末,我用python绘制了日历

日历的秘密 昨天&#xff0c;在看小侄子写作业的时候&#xff0c;发现了一个秘密&#xff1a;他在“演算纸”&#xff08;计算数学题用的草纸&#xff09;上画了非常多的日历。对此我感到了非常的困惑&#xff0c;“这是做什么的&#xff1f;” 后来&#xff0c;经过了我不懈…

【Rust中的项目管理】

Rust中的项目管理 前言Package&#xff0c;Crate&#xff0c;Module &use &#xff0c;Path通过代码示例解释 Crate&#xff0c;Module &#xff0c;use&#xff0c;Path创建一个package&#xff1a;代码组织化skin.rs 中的代码struct & enum 相对路径和绝对路径引用同…

基于C语言easyX实现的推箱子游戏

基于80x86汇编语言的推箱子游戏 一、游戏背景介绍 推箱子是一款众所周知的益智游戏&#xff0c;此游戏只有一个目标&#xff1a;将游戏中的所有箱子推到指定位置。简单易懂的游戏规则是此款游戏成功的根本原因。 此游戏具有如下特点&#xff1a;简便的操作、复杂的关卡以及层…

20241114软考架构-------软考案例15答案

每日打卡题案例15答案 15.【2016年真题】 难度&#xff1a;一般 阅读以下关于应用服务器的叙述&#xff0c;在答题纸上回答问题1至问题3。&#xff08;25分&#xff09; 【说明】 某电子产品制造公司&#xff0c;几年前开发建设了企业网站系统&#xff0c;实现了企业宣传、产品…

学习笔记023——Ubuntu中设置Java项目的 jar 包自启动

目录 1、设置 crontab 定时任务 2、定时脚本 startJar.sh内容 3、查看jar包进程 4、如何杀死进程 背景&#xff1a;有个需求&#xff0c;Ubuntu服务器中&#xff0c;虽有Java环境&#xff0c;但是没有tomcat。 想要运行jar包&#xff0c;只能通过java -jar命令了。 但是我…