Click a button for css implementation that has a stereoscopic background change effect, and click the css implementation background button

Click a button for css implementation that has a stereoscopic background change effect, and click the css implementation background button

For css implementation, click the button with a stereoscopic background change effect:
In general, the original ecology is relatively extensive, and the buttons on the Web page are also the same. The method of beautifying the buttons is to set a background image for the link, in addition, you can set the background image of the link in the default and pressed status to achieve the desired effect.
The Code is as follows:

 

<! DOCTYPE html> 
 
The above Code meets our requirements. The code is simple and will not be described here. For more information, see.
Related reading:
1. For details about active, see section a: link, a: visited, a: hover, And a: active in CSS.
2. For details about background-position, refer to the details section of CSS background-position positioning.
The original address is: http://www.softwhy.com/forum.php? Mod = viewthread & tid = 12737.
For more information, see: http://www.softwhy.com/divcss/