用CSS3的选择器做一个圆角的下拉菜单 菜单内容需要做到隔行换色! 请自己写出来!

html-css012

用CSS3的选择器做一个圆角的下拉菜单 菜单内容需要做到隔行换色! 请自己写出来!,第1张

当我看到“请自己写出来”这句话的时候,就感觉很奇怪,你是来出考题的呢?还是来寻求问题的解答呢?不过还是为了解答的原则,这题还是为你解答,先看效果图:

这里做的方式有好多种,你可以用select做,也可以用模拟的方式去做,圆角的代码是:

border-radius:10px

隔行换色的代码:

$(".txt_list li:odd").css("background","#ccc")

$(".txt_list li:even").css("background","#fff")

css3原理tr:nth-child(odd) 匹配奇数行,tr :nth-child(even)匹配偶数行。

JS原理,还是奇偶行设置不同的背景色。

取得表格tbody里tr的数目,循环判断是奇数行还是偶数行,当前行号%2