案例介绍
欢迎来到我的小院,我是霍大侠,恭喜你今天又要进步一点点了!
我们来用CSS编程实战案例,使用<ul><li></li></ul>
列表标签完成一个下拉菜单样式的表单部件。
案例演示
运行代码后在浏览器弹出由<ul><li></li></ul>
标签组成的下拉菜单样式的列表。
源码学习
进入核心代码学习,我们先来看HTML模板中的代码。
<!-- 有个小院-兴趣编程 -->
<div class="select active">
<span class="value">Cherry</span>
<ul class="optList">
<li class="option highlight">Cherry</li>
<li class="option">Lemon</li>
<li class="option"