纯HTML、CSS实现下拉菜单

　　在完成百度前端学院的初级任务阶段时，是不允许使用 javascript 来制作页面动态效果，但是对于下拉菜单效果的实现可以仅仅通过纯HTML和CSS来完成。

　　（效果图）

　　实现的思路为，利用单选框（radio）是否被选中（checked）的状态来代替点击（click），从而判断是否显示下拉菜单内容（ul）。如果单选框被选中，则 ul 的样式为display:block ,否则为 diaplay:none。在页面中将单选框隐藏，设置样式 opacity:0 使其不可见，实现点击出现菜单的视觉效果。