当前位置:网站首页>A label colorful navigation bar
A label colorful navigation bar
2022-07-05 01:49:00 【dengfengling999】
<!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>Document</title>
<style>
.nav a {
display: inline-block;
width: 120px;
height: 58px;
background-color: green;
text-align: center;
/* Text horizontal center */
line-height: 58px;
/* Want to center text vertically , Set the row height equal to the box Height */
color: #fff;
text-decoration: none;
}
.nav .bg1:hover {
background-color: hotpink;
color: orange;
text-decoration: underline;
}
.nav .bg2:hover {
background-color: red;
}
.nav .bg3:hover {
background-color: orange;
}
.nav .bg4:hover {
background-color: palegoldenrod;
}
.nav .bg5:hover {
background-color: palegreen;
}
</style>
</head>
<body>
<div class="nav">
<a href="#" class="bg1"> Colorful navigation </a>
<a href="#" class="bg2"> Colorful navigation </a>
<a href="#" class="bg3"> Colorful navigation </a>
<a href="#" class="bg4"> Colorful navigation </a>
<a href="#" class="bg5"> Colorful navigation </a>
</div>
</body>
</html>
result :
边栏推荐
- Stored procedure and stored function in Oracle
- batchnorm.py这个文件单GPU运行报错解决
- 如何搭建一支搞垮公司的技术团队?
- Summary of regularization methods
- Win:将一般用户添加到 Local Admins 组中
- Remote control service
- 线上故障突突突?如何紧急诊断、排查与恢复
- Binary tree traversal - middle order traversal (golang)
- PowerShell: use PowerShell behind the proxy server
- 220213c language learning diary
猜你喜欢
Logstash、Fluentd、Fluent Bit、Vector? How to choose the appropriate open source log collector
Yyds dry inventory swagger positioning problem ⽅ formula
Application and Optimization Practice of redis in vivo push platform
Matrixone 0.2.0 is released, and the fastest SQL computing engine is coming
PowerShell:在代理服务器后面使用 PowerShell
微信小程序:星宿UI V1.5 wordpress系统资讯资源博客下载小程序微信QQ双端源码支持wordpress二级分类 加载动画优化
runc hang 导致 Kubernetes 节点 NotReady
Go RPC call
One plus six brushes into Kali nethunter
Wechat applet: the latest WordPress black gold wallpaper wechat applet two open repair version source code download support traffic main revenue
随机推荐
小程序容器技术与物联网 IoT 可以碰撞出什么样的火花
Grub 2.12 will be released this year to continue to improve boot security
[Chongqing Guangdong education] National Open University spring 2019 1042 international economic law reference questions
[Digital IC hand tearing code] Verilog edge detection circuit (rising edge, falling edge, double edge) | topic | principle | design | simulation
Kibana installation and configuration
如何搭建一支搞垮公司的技术团队?
Limited query of common SQL operations
增量备份 ?db full
Application and Optimization Practice of redis in vivo push platform
Mysql database | build master-slave instances of mysql-8.0 or above based on docker
微信小程序:独立后台带分销功能月老办事处交友盲盒
微信小程序;胡言乱语生成器
One plus six brushes into Kali nethunter
Flutter 2.10 update details
Database postragesq BSD authentication
Educational Codeforces Round 122 (Rated for Div. 2) ABC
Using openpyxl module to write the binary list into excel file
Remote control service
Do you know the eight signs of a team becoming agile?
Win:将一般用户添加到 Local Admins 组中