41 图片背景综合-五彩导航图

news/2024/12/26 23:10:09/

在这里插入图片描述

代码：

<!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.0"><title>案例</title><style>.nav a {display: inline-block;width: 120px;height: 58px;background-color: pink;/* 本质是让h1盒子里边的文字水平居中对齐 */text-align: center;/* 本质是让h1盒子里边的文字垂直居中对齐 */line-height: 48px;/* 不要下划线 */text-decoration: none;color: #fff;}.nav .bg1 {background: url(images/bg1.png) no-repeat;}.nav .bg1:hover {background-image: url(images/bg11.png);}.nav .bg2 {background: url(images/bg2.png) no-repeat;}.nav .bg2:hover {background-image: url(images/bg22.png);}.nav .bg3 {background: url(images/bg3.jpg) no-repeat;}.nav .bg3:hover {background-image: url(images/bg1.png);}.nav .bg4 {background: url(images/bg4.png) no-repeat;}.nav .bg4:hover {background-image: url(images/bg2.png);}.nav .bg5 {background: url(images/bg5.png) no-repeat;}.nav .bg5:hover {background-image: url(images/bg4.png);}</style>
</head><body><div class="nav"><!-- shift+Alt按住别松，然后按# --><a href="#" class="bg1">五彩导航</a><a href="#" class="bg2">五彩导航</a><a href="#" class="bg3">五彩导航</a><a href="#" class="bg4">五彩导航</a><a href="#" class="bg5">五彩导航</a></div></div>
</body></html>

结果

在这里插入图片描述


http://www.ppmy.cn/news/347693.html

相关文章

实现图片中文的识别和获取图片上文字的坐标(java实现)

实现图片中文的识别和获取图片上文字的坐标(java实现)

实现图片中文的识别和获取图片上文字的坐标(java实现) 现在利用python来进行图片的文字识别较为普遍&#xff0c;但是如果我们利用常用的家庭电脑来识别&#xff0c;需要的时间比较长&#xff0c;达到20~30s&#xff0c; 但是如果我们采用javacv这个视觉处理库来 实现图片的…
阅读更多...
小米秋招笔试题（强化基础）

小米秋招笔试题（强化基础）

1、已知const arr [A, B, C, D, E, F, G]&#xff0c;下面可以获取数组最后一项的表达式有 A arr[6] B arr.pop() C arr.shift() D arr.unshift() 答案&#xff1a; AB 解析&#xff1a; shift() 方法用于把数组的第一个元素从其中删除&#xff0c;并返回第一个元素的值。…
阅读更多...
Stream流 - 取最大对象、最小对象

Stream流 - 取最大对象、最小对象

需求&#xff1a;Dnl 对象包含属性 ygz&#xff08;有功总&#xff09;、wgz&#xff08;无功总&#xff09;&#xff0c;统计 Dnl 对象集合的最大有功总、最小有功总的对象。 集合&#xff1a; 对象1&#xff1a;ygz11.1、wgz22.2 对象2&#xff1a;ygz22.1、wgz66.2 对象3&a…
阅读更多...
Python 策略模式

Python 策略模式

一、概念 策略模式是一种常见的设计模式&#xff0c;它允许你定义一系列算法&#xff0c;并将每种算法都封装到一个独立的类中&#xff0c;其它类可使用这些算法作为其一部分。 二、实现 在 Python 中&#xff0c;你可以使用将函数作为值传递的特性来实现策略模式。这些函数…
阅读更多...
arthas 的初使用

arthas 的初使用

Arthas 是一款线上监控诊断产品&#xff0c;通过全局视角实时查看应用 load、内存、gc、线程的状态信息&#xff0c;并能在不修改应用代码的情况下&#xff0c;对业务问题进行诊断&#xff0c;包括查看方法调用的出入参、异常&#xff0c;监测方法执行耗时&#xff0c;类加载信…
阅读更多...
如何使用Postman生成curl？

如何使用Postman生成curl？

生成在Lunix系统调接口的curl 直接看图操作 点击</>即可&#xff01;
阅读更多...
【华人学者风采】韩亚洪 天津大学

【华人学者风采】韩亚洪 天津大学

【华人学者风采】韩亚洪&#xff0c;天津大学智能与计算学部教授。主要研究方向为多媒体分析&#xff0c;机器学习和计算机视觉。2012年曾获CCF优秀论文奖&#xff1b;2013年当选为计划教育部新世纪优秀人才&#xff08;NCET&#xff09;&#xff0c;由中国教育部授予。 2020年…
阅读更多...
天津师范大学计算机科学与技术专业,天津师范大学智能科学与技术专业

天津师范大学计算机科学与技术专业,天津师范大学智能科学与技术专业

天津师范大学是天津市属重点院校&#xff0c;占地面积3500亩&#xff0c;现有全日制本科生21859人&#xff0c;天津师范大学智能科学与技术专业开设于电子与通信工程学院&#xff0c;通过高考统招面向全国14个省份招生。 专业招生计划及学费 天津师范大学智能科学与技术专业在2…
阅读更多...
最新文章

Copyright @ 2022~2023