web前端第五次作业---制作菜单
制作菜单
代码:
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>*{margin: 0;padding: 0;}ol,ul{list-style: none;/* list-style: none 去掉ol(有序列表)ul(无序列表)前面的点*/}ul.box{width: 1400px;height: 65px;border: 0px solid rgb(213, 53, 181);margin: auto; /*margin:auto 将box自动居中*/background-color: rgb(27, 26, 26);color: rgba(206, 212, 218, 0.724);}ul.box > li{width: 140px;height: 65px;border: 0px solid rgb(213, 53, 181);float: left;/* float: left 使标签向左聚集*/cursor: pointer; /*cursor: pointer 将光标变为pointer(手势)*/text-align: center; /* text-align: center 将文字居中*/line-height:60px ; /* 设置行高*/}ul.box > li:hover{background-color: rgb(92, 91, 91);font-size: 19px;/* 将鼠标放到a链接上时字变化大小*/}a{color: rgba(206, 212, 218, 0.724);text-decoration: none;/* 去掉a链接下的下划线*/}</style>
</head>
<body><ul class="box"><li><a href="https://www.bilibili.com/">哔站</a></li><li><a href="https://v.qq.com/">腾讯视频</a></li><li><a href="https://www.youku.com/">优酷视频</a></li><li><a href="https://www.douyin.com/">抖音</a></li><li><a href="https://www.iqiyi.com/">爱奇艺</a></li><li><a href="https://www.czzy77.com/">厂长资源</a></li><li><a href="https://www.mgtv.com/">芒果TV</a></li><li><a href="https://www.kuaishou.cn/?isHome=1">快手</a></li><li>菜单九</li><li>菜单十</li></ul></body>
</html> 运行结果:
相关文章：
web前端第五次作业---制作菜单
制作菜单 代码: <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>Document</title><style…...
软件系统安全逆向分析-混淆对抗
1. 概述 在一般的软件中，我们逆向分析时候通常都不能直接看到软件的明文源代码，或多或少存在着混淆对抗的操作。下面，我会实践操作一个例子从无从下手到攻破目标。 花指令对抗虚函数表RC4 2. 实战-donntyousee 题目载体为具有漏洞的小型软…...
HAMi + prometheus-k8s + grafana实现vgpu虚拟化监控
最近长沙跑了半个多月，跟甲方客户对了下项目指标，许久没更新 回来后继续研究如何实现 grafana实现HAMi vgpu虚拟化监控，毕竟合同里写了需要体现gpu资源限制和算力共享以及体现算力卡资源共享监控 先说下为啥要用HAMi吧， 一个重要原…...
Java基于SSM框架的在线视频教育系统小程序【附源码、文档】
博主介绍：✌IT徐师兄、7年大厂程序员经历。全网粉丝15W、csdn博客专家、掘金/华为云//InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战✌ 🍅文末获取源码联系🍅 👇🏻 精彩专栏推荐订阅👇dz…...
mysql本地安装和pycharm链接数据库操作
MySQL本地安装和相关操作 Python相关：基础、函数、数据类型、面向、模块。 前端开发：HTML、CSS、JavaScript、jQuery。【静态页面】 Java前端； Python前端； Go前端 -> 【动态页面】直观： 静态，写死了…...
Unity编程与游戏开发-编程与游戏开发的关系
游戏开发是一个复杂的多领域合作过程，涵盖了从创意构思到最终实现的多个方面。在这个过程中，技术、设计与美术三大核心要素相互交织，缺一不可。在游戏开发的过程中，Unity作为一款强大的跨平台游戏引擎，凭借其高效的开发工具和庞大的社区支持，成为了很多游戏开发者的首选工…...
2025年第三届“华数杯”国际赛A题解题思路与代码（Python版）
游泳竞技策略优化模型代码详解 第一题：速度优化模型 在这一部分，我们将详细解析如何通过数学建模来优化游泳运动员在不同距离比赛中的速度分配策略。 1. 模型概述 我们的模型主要包含三个核心文件： speed_optimization.py: 速度优化的核…...
针对服务器磁盘爆满,MySql数据库始终无法启动,怎么解决
（点击即可进入聊天助手） 很多站长在运营网站的过程当中都会遇到一个问题,就是网站突然无法打开,数据一直无法启动 无论是强制重启还是,删除网站内的所有应用,数据库一直无法启动 这个时候,就需要常见的运维手段了,需要对服务器后台各个资源,进行逐一排查…...
[Android]service命令的使用
在前面的讨论中，我们说到，如果在客户端懒得使用aidl文件生成的接口类进行binder，可以使用IBinder的transcat方法 Parcel dataParcel = Parcel.obtain(); Parcel resultParcel = Parcel.obtain();dataParcel.writeInterfaceToken(DESCRIPTOR);//发起请求 aProxyBinder.trans…...
【芯片封测学习专栏 -- Substrate | RDL Interposer | Si Interposer | 嵌入式硅桥（EMIB）详细介绍】
请阅读【嵌入式开发学习必备专栏 Cache | MMU | AMBA BUS | CoreSight | Trace32 | CoreLink | ARM GCC | CSH】 文章目录 OverviewSubstrate（衬底或基板）Substrate 定义Substrate 特点与作用Substrate 实例 RDL Interposer（重布线层中介层&a…...
spring cloud注册nacos并从nacos上拉取配置文件，spring cloud不会自动读取bootstrap.yml文件
目录 踩坑问题记录前言版本说明spring cloudb不会自动读取bootstrap.yml文件问题解决spring cloud注册nacos并从nacos上拉取配置文件后话 踩坑问题记录 1、spring cloudb不会自动读取bootstrap.yml文件 2、spring cloud注册nacos并从nacos上拉取配置文件 前言 使用cloud Ali…...
【深度学习地学应用|滑坡制图、变化检测、多目标域适应、感知学习、深度学习】跨域大尺度遥感影像滑坡制图方法：基于原型引导的领域感知渐进表示学习（一）
【深度学习地学应用|滑坡制图、变化检测、多目标域适应、感知学习、深度学习】跨域大尺度遥感影像滑坡制图方法：基于原型引导的领域感知渐进表示学习（一） 【深度学习地学应用|滑坡制图、变化检测、多目标域适应、感知学习、深度学习】跨域大…...
Spring Boot 支持哪些日志框架
Spring Boot 支持多种日志框架，主要包括以下几种： SLF4J (Simple Logging Facade for Java) Logback（默认）Log4j 2Java Util Logging (JUL) 其中，Spring Boot 默认使用 SLF4J 和 Logback 作为日志框架。如果你需要使…...
【翻译】2025年华数杯国际赛数学建模题目+翻译pdf自取
保存至本地网盘 链接：https://pan.quark.cn/s/f82a1fa7ed87 提取码：6UUw 2025年“华数杯”国际大学生数学建模竞赛比赛时间于2025年1月11日（周六）06:00开始，至1月15日（周三）09:00结束ÿ…...
qt 窗口（window/widget）绘制/渲染顺序 QPainter QPaintDevice Qpainter渲染 失效 无效 原因
qt窗体布局 窗体渲染过程 qt中窗体渲染逻辑顺序为 本窗体->子窗体/控件 递归，也就是说先渲染父窗体再渲染子窗体。其中子窗体按加入时的先后顺序进行渲染。通过下方的函数调用堆栈可以看出窗体都是在widget组件源码的widgetprivate::drawwidget中进行渲染的&am…...
TIOBE编程语言排行靠前的编程语言的吉祥物
Python的吉祥物：小蟒蛇 Python语言的吉祥物是一只名叫"Pythonidae"（或简称"Py"）的小蟒蛇。这个吉祥物由Tobias Kohn设计于2005年，它的形象借鉴了真实的蟒蛇，但加入了一些可爱和友善的特点。小蟒蛇…...
【前端动效】HTML + CSS 实现打字机效果
目录 1. 效果展示 2. 思路分析 2.1 难点 2.2 实现思路 3. 代码实现 3.1 html部分 3.2 css部分 3.3 完整代码 4. 总结 1. 效果展示 如图所示，这次带来的是一个有趣的“擦除”效果，也可以叫做打字机效果，其中一段文本从左到右逐渐从…...
大疆上云API连接遥控器和无人机
文章目录 1、部署大疆上云API关于如何连接我们自己部署的上云API2、开启无人机和遥控器并连接自己部署的上云API如果遥控器和无人机没有对频的情况下即只有遥控器没有无人机的情况下如果遥控器和无人机已经对频好了的情况下 4、订阅无人机或遥控器的主题信息4.1、订阅无人机实时…...
JS逆向-atob和btoa分析
声明：本文只作学习研究，禁止用于非法用途，否则后果自负，如有侵权，请告知删除，谢谢！ 故事是这样的，有位读者朋友需要模拟登录一个网站： aHR0cDovL3d3dy56bGRzai5jb20v 我…...
primitive 编写着色器材质
import { nextTick, onMounted, ref } from vue import * as Cesium from cesium import gsap from gsaponMounted(() > { ... })// 1、创建矩形几何体，Cesium.RectangleGeometry：几何体，Rectangle：矩形 let rectGeometry new…...
计算机视觉算法实战——车道线检测
✨个人主页欢迎您的访问 ✨期待您的三连 ✨ ✨个人主页欢迎您的访问 ✨期待您的三连 ✨ ✨个人主页欢迎您的访问 ✨期待您的三连✨ 车道线检测是计算机视觉领域的一个重要研究方向，尤其在自动驾驶和高级驾驶辅助…...
网络安全-安全散列函数，信息摘要SHA-1，MD5原理
安全散列函数 单向散列函数或者安全散列函数之所以重要，不仅在于消息认证(消息摘要。数据指纹)。还有数字签名（加强版的消息认证）和验证数据的完整性。常见的单向散列函数有MD5和SHA 散列函数的要求 散列函数的目的是文件、消息或者其它数据…...
树莓派-5-GPIO的应用实验之GPIO的编码方式和SDK介绍
文章目录 1 GPIO编码方式1.1 管脚信息1.2 使用场合1.3 I2C总线1.4 SPI总线2 RPI.GPIO2.1 PWM脉冲宽度调制2.2 静态函数2.2.1 函数setmode()2.2.2 函数setup()2.2.3 函数output()2.2.4 函数input()2.2.5 捕捉引脚的电平改变2.2.5.1 函数wait_for_edge()2.2.5.2 函数event_detect…...
《零基础Go语言算法实战》【题目 2-10】接口的实现
《零基础Go语言算法实战》 【题目 2-10】接口的实现 请指出下面代码中存在的问题。 type Programmer struct { Name string } func (p *Programmer) String() string { return fmt.Sprintf("print: %v", p) } func main() { p : &Programmer{} p.String()…...
Win32汇编学习笔记10.OD插件
Win32汇编学习笔记10.OD插件-C/C基础-断点社区-专业的老牌游戏安全技术交流社区 - BpSend.net 筛选器异常插件 被调试程序: 📎TestUnh.zip 我们用OD条试试发现,无法断下 筛选器异常 异常产生之后 异常首先会给调试器 调试器不处理就会给 SEH , SEH 不处理的话有又给…...
在vscode中已经安装了插件Live Server，但是在命令面板确找不到
1、VS Code缓存问题： 有时VS Code的缓存可能导致插件无法正确加载。尝试删除VS Code缓存文件夹（如C:\Users\你的用户名\AppData\Roaming\Code）中的文件，并重启VS Code。 2、重新安装插件： 尝试卸载Live S…...
C# SQL ASP.NET Web
留学生的课程答疑 按照要求完成程序设计、数据库设计、用户手册等相关技术文档； 要求 1. 计算机相关专业，本科以上学历，至少有1年以上工作经验或实习经历。 2. 熟练掌握WinForm程序开发，或ASP.NET Web编程。 3. 熟悉C#中网络…...
联想java开发面试题及参考答案
IP 协议是哪一层的？ IP 协议（Internet Protocol）属于网络层协议。 网络层主要负责将数据从源节点传输到目标节点，它在整个网络通信体系中起到了承上启下的关键作用。在分层网络模型中，下层（如数据链路层）为网络层提供物理链路的连接和帧传输服务。数据链路层关注的是在相…...
Node.js中的fs模块：文件与目录操作（写入、读取、复制、移动、删除、重命名等）
在Node.js中，fs模块提供了多种方法来处理文件和目录操作，使得数据的持久性保存和文件管理变得简单。下面将介绍文件读写、文件复制、文件移动、文件重命名、文件删除、文件夹创建与删除以及查看资源状态等常用操作。 首先，在使用写入和读取功…...
代码的形状：重构的方向
大概2周前写了一篇《代码的形状:从外到内的探索与实践》 涵树：代码的形状:从外到内的探索与实践 觉得这个话题还可以继续，它是一个从无形到有形的过程，而这个过程感觉就是王阳明先生说的“心即理”的探寻过程。 我讨论代码的形状ÿ…...
唐山免费网站制作/识图
作者：James Lewis/Martin Folwer 翻译：Zhang Yang 围绕业务功能组织 仔细看大型应用程序分成的几个部分，往往管理的重点在技术层面上，产生用户界面团队，服务器端功能团队和数据库团队。当这些团队沿着这些线路分开…...
陇南网站定制开发公司/海南seo
注意：XCode8的需要手动开启主target Capabilities中的Push Notification。 关于创建多个target后真机测试的证书问题，除了主target手动创建开发和发布证书，并设置了APNS证书外，其它均使用Automatically manage signing。 首先介绍…...
页面设计理念说明/百度关键词优化点击 教程
有一种说法，在C:\Program Files\MySQL\MySQL Server 5.5\my.ini 中添加 innodb_file_per_table 1，设置分表存储。 我尝试了一下，确实可以，data文件中每张表多了一个.ibd的数据文件(但是不能移动到别的地方用，可以用&a…...
wordpress百万文章秒开/搜索风云排行榜
一、指标通常应用服务性能关注以下两方面的指标：性能指标.jpg下面将主要是基于CPU指标进行实验模拟分析，下面是一些命令下，cpu指标：1、top 命令下个字段含义，参考：https://www.jianshu.com/p/078ed7895b0f2…...
wordpress 多语言主题/电商网站建设
在深度学习过程中，避免不了使用梯度下降算法。但是对于“非凸问题”，训练得到的结果往往可能陷入局部极小值，而非全局最优解。那么这里就以Himmelblau 函数为例，探究待优化参数的初始值对梯度下降方向的影响，从而得到不…...
可以兼职做翻译的网站或app/360优化大师官网
作者：吕小鸣https://zhuanlan.zhihu.com/p/143884250本文将之前采用Vue2.6开发的todoList小项目改造成为Vue3.0编写，并介绍一下2.x和3.x之间写法的不同之处。点击体验[1] Github地址：Vue.js2.6版本todoList[2]，Vue.js3.0版本todoL…...