How does CSS implement a drop-down menu? CSS implementation of the drop-down menu method (full code)

What this article brings to you is about how CSS implements the drop-down menu. CSS implementation of the drop-down menu method (complete code), there is a certain reference value, the need for friends can refer to, I hope to help you.

<! DOCTYPE html>
Operation Result:


Attention:

1. Must be set on the box: hover, the drop-down menu is not displayed, if set on the button, the drop-down menu is not displayed.

2.box-shadow:0px 8px 16px 0px Rgba (0,0,0,0.2) for the drop-down menu set the shadow, the right 8 pixels, the bottom 16 pixels, rgba the first three numbers to represent the color, the last 0.2 for transparency!