What are the status of button buttons in CSS?

This article mainly introduces you to the various states of CSS button buttons. Hope to be helpful to the needy friend.

The first example of a button's status code is as follows:

<! DOCTYPE html>
The above code can be copied and pasted directly in the local test, the effect is as follows:



To sum up, give you a summary of the button buttons of several states:


 

 
  
 
   
Normal state
 
   
Hover Mouse Hover State
 
   
Active Click state
 
   
Focus gets the focal state
 
  

 
Note: btn:focus{outline:0;} can remove the blue border after the button or a-tag is clicked

The cursor property specifies the type (shape) of cursors to display. This property defines the cursor shape used when the mouse pointer is placed within the bounds of an element

: The active selector is used to select the active link. When you click on a link, it becomes active (active).

I hope that this article on the status of the button in different situations, to have friends who need help.