CSS 教程(4)-实例--下拉菜单

1.最简单的下拉菜单




鼠标移上去的时候显示,不然不显示。
并且加了个 box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);搞出点阴影,好像是弹出的似的,其实就是显示而已。

2.下拉菜单,并且改变选中颜色




3.下拉菜单是从左边还是右边弹出







注意:写在html中的style="left:0;",就是指从这个元素的左边偏移0个位置弹出。下一个是错的,应该为right:0弹出,代码只是为了演示。其它的和代码2基本一样的。

你可能感兴趣的:(CSS 教程(4)-实例--下拉菜单)