underline with hover css code example

Example 1: text underline hover css

a:hover {
  text-decoration: underline;
}

Example 2: css how to style a

/*a normal, unvisited link*/
a:link{
	color: green;
}
/*a link the user has visited*/
a:visited{
	color: purple;
}
/*a link when the user mouses over it*/
a:hover{
	color: yellow;
}
/*a link the moment it is clicked*/
a:active{
	color: brown;
}

Example 3: Text that shows an underline on hover

&:hover {
      text-decoration: underline;
  }

Example 4: how to make underline hover effect in css

how to make underline hover effect in css