Use CSS style sheets to define the link styles on a blog

<Style type = "text/css">
A {text-decoration: NONE; color: #51bfe0}
A: hover {font-weight: bold; color: #990099}
<Style>
When you move the mouse over the link font, the link font turns rough and the color changes, as shown in the figure on this blog. Color: #990099 indicates the font color of the link. You can modify the font color based on your personal interests.
<Style type = "text/css">
A {text-decoration: none; color: #51bfe0}
A: hover {font-size: 23; background: # ffd306; color: #990099}
</Style>
When you move the mouse over the link font, the link font size changes, the color changes, and the background color appears. Font-size: 23 indicates the font size. background: # ffd306 indicates the background color. color: #990099 indicates the font color. You can modify the font color based on your personal interests.
<Style type = "text/css">
A: link {text-decoration: none}
A: hover {text-decoration: none}
A: visited {text-decoration: none}
</Style>
 
Remove the underline of the link font.
<Style type = "text/css">
A {text-decoration: NONE; color: #51bfe0}
A: hover {border-bottom: 1px dashed #51bfe0}
<Style type = "text/css">
 
When you move the mouse over the link font, the link font is dotted.
<Style type = "text/css">
A {text-decoration: NONE; color: #51bfe0}
A: hover {position: relative; left: 10px; top: 10px ;}
</STYLE>
When the mouse is placed on the link font, the link font will move. Its left: 10px indicates the distance from the font to the upward movement, and top: 10px indicates the distance from the font to the upward movement, you can modify the value based on your hobbies.
<Style type = "text/css">
A {text-decoration: none; padding-bottom: 4px; white-space: nowrap ;}
A: hover {background: url (background image address) repeat-x 100% 100% ;}
</Style>