Use pictures to realize personalized underline of hyperlinks

Don't be surprised if you see some kind of underlined link in the picture. Because it’s actually very simple and you can do it, too.
Check out the actual effect here http://5key.net/demo/hyperlink-underline
uploads/200710/29_094308_1.gif

First, let's talk about how to get this colored underline. Maybe you have guessed it, a gradient background image. That’s right! It’s the picture below.
uploads/200710/29_100223_2.gif

Take a look at the CSS below. I think you should have understood the effect of the entire link change.
If it's not too clear. Let's first understand the concept of sliding door body {
font-size:14px;
font-family: Helvetica, sans-serif;
padding:10px;
margin:0px;
}
h1{margin:0; padding:0; font-size:16px; }
p{padding:20px 0 0 0;}
a{
*padding-bottom:1px;
text-decoration:none;
}
a:link{
color:#06F;
background: url(1.gif);
background-repeat: repeat-x;
background-position: 0 16px;
}
a:visited{
color:#06f;
background-image: url(1.gif);
background-repeat: repeat-x;
background-position: 0 16px;
}
a:hover{
color:#039;
background:url(1.gif) repeat-x 0 bottom;
}

Key features of InnoDB - insert cache, write twice, adaptive hash index details

Blog

Use pictures to realize personalized underline of hyperlinks

Use of Linux dynamic link library

A complete list of common Linux system commands for beginners

MySQL installation tutorial under Windows with pictures and text

Getting Started with Mysql--sql execution process

vue+rem custom carousel effect

How to use nginx to build a static resource server

A screenshot demo based on canvas in html

Summary of Node.js service Docker container application practice

Detailed explanation of three ways to wrap text in el-table header

Key features of InnoDB - insert cache, write twice, adaptive hash index details

Recommend

JS native 2048 game source code sharing (the latest on the Internet)

Vue handwriting loading animation project

A brief analysis of the problem of Mysql 8.0 version driving getTables to return all database tables

An example of elegantly writing status labels in Vue background

Detailed explanation of the process of configuring multiple SVN repositories on Linux servers

A brief discussion on the solution to the failure of starting the server installation in MySQL

How to use vue.js to implement drag and drop function

Let's learn about MySQL database

Detailed summary of MySQL and connection-related timeouts

CentOS 8 custom directory installation nginx (tutorial details)

5 Tips for Protecting Your MySQL Data Warehouse

Analysis and description of network configuration files under Ubuntu system

MySQL 8.0.13 installation and configuration graphic tutorial

Three ways of html+css layout (natural layout/flow layout/positioning layout)

The popularity of Chinese domain names in China has ushered in a new round of climax