当前位置:网站首页>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 :
边栏推荐
- R language uses logistic regression and afrima, ARIMA time series models to predict world population
- Introduction to redis (1)
- Matrixone 0.2.0 is released, and the fastest SQL computing engine is coming
- PHP Basics - detailed explanation of DES encryption and decryption in PHP
- PHP 基础篇 - PHP 中 DES 加解密详解
- Summary of regularization methods
- When the industrial Internet era is truly developed and improved, it will witness the birth of giants in every scene
- Is there a sudden failure on the line? How to make emergency diagnosis, troubleshooting and recovery
- DOM basic syntax
- MATLB|多微电网及分布式能源交易
猜你喜欢
Win: use shadow mode to view the Desktop Session of a remote user
Li Kou Jianzhi offer -- binary tree chapter
【CTF】AWDP总结(Web)
Wechat applet: the latest WordPress black gold wallpaper wechat applet two open repair version source code download support traffic main revenue
【LeetCode】88. Merge two ordered arrays
Stored procedure and stored function in Oracle
Visual studio 2019 set transparent background (fool teaching)
Armv8-a programming guide MMU (3)
Roads and routes -- dfs+topsort+dijkstra+ mapping
微信小程序:微群人脉微信小程序源码下载全新社群系统优化版支持代理会员系统功能超高收益
随机推荐
The MySQL team development specifications used by various factories are too detailed. It is recommended to collect them!
How to build a technical team that will bring down the company?
Database postragesq role membership
Wechat applet; Gibberish generator
Wechat applet: Xingxiu UI v1.5 WordPress system information resources blog download applet wechat QQ dual end source code support WordPress secondary classification loading animation optimization
One plus six brushes into Kali nethunter
Can financial products be redeemed in advance?
[swagger]-swagger learning
pytorch fine-tuning (funtune) : 镂空设计or 偷梁换柱
RichView TRVUnits 图像显示单位
Timescaledb 2.5.2 release, time series database based on PostgreSQL
小程序容器技术与物联网 IoT 可以碰撞出什么样的火花
Advanced conditional statements of common SQL operations
Application and Optimization Practice of redis in vivo push platform
Hedhat firewall
Matrixone 0.2.0 is released, and the fastest SQL computing engine is coming
After reading the average code written by Microsoft God, I realized that I was still too young
187. Repeated DNA sequence - with unordered_ Map basic content
Restful Fast Request 2022.2.1发布,支持cURL导入
Summary of regularization methods