当前位置:网站首页>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 :
边栏推荐
- What sparks can applet container technology collide with IOT
- Application and development trend of image recognition technology
- Advanced conditional statements of common SQL operations
- R语言用logistic逻辑回归和AFRIMA、ARIMA时间序列模型预测世界人口
- 微信小程序:独立后台带分销功能月老办事处交友盲盒
- One plus six brushes into Kali nethunter
- R language uses logistic regression and afrima, ARIMA time series models to predict world population
- Main window in QT application
- Yyds dry inventory jetpack hit dependency injection framework Getting Started Guide
- The perfect car for successful people: BMW X7! Superior performance, excellent comfort and safety
猜你喜欢
Go RPC call
MySQL REGEXP:正则表达式查询
JVM - when multiple threads initialize the same class, only one thread is allowed to initialize
After reading the average code written by Microsoft God, I realized that I was still too young
MySQL regexp: Regular Expression Query
小程序容器技术与物联网 IoT 可以碰撞出什么样的火花
Wechat applet; Gibberish generator
Visual studio 2019 set transparent background (fool teaching)
He was laid off.. 39 year old Ali P9, saved 150million
phpstrom设置函数注释说明
随机推荐
220213c language learning diary
RichView TRVStyle MainRVStyle
After reading the average code written by Microsoft God, I realized that I was still too young
Process scheduling and termination
C语音常用的位运算技巧
One plus six brushes into Kali nethunter
Lsblk command - check the disk of the system. I don't often use this command, but it's still very easy to use. Onion duck, like, collect, pay attention, wait for your arrival!
Database postragesq role membership
Incremental backup? db full
How to safely eat apples on the edge of a cliff? Deepmind & openai gives the answer of 3D security reinforcement learning
phpstrom设置函数注释说明
【LeetCode】88. Merge two ordered arrays
Vulnstack3
Comment mettre en place une équipe technique pour détruire l'entreprise?
batchnorm. Py this file single GPU operation error solution
The perfect car for successful people: BMW X7! Superior performance, excellent comfort and safety
Pytorch fine tuning (Fortune): hollowed out design or cheating
[CTF] AWDP summary (WEB)
R语言用logistic逻辑回归和AFRIMA、ARIMA时间序列模型预测世界人口
Binary tree traversal - middle order traversal (golang)