css 隔行变色,表单布局
2014-07-08 15:48
344 查看
隔行变色:
#list1 li:nth-of-type(odd){ background:#00ccff;}奇数行
#list1 li:nth-of-type(even){ background:#ffcc00;}偶数行
#list2 li:nth-child(4n+1){ background:#00ccff;}从第一行开始算起 每隔4个(包含第四个)使用此样式
#list00000 li:nth-child(4n+2){background:#090;}从第二行开始算起 每隔4个(包含第四个)使用次样式
#list00000 li:nth-child(4n+3){background:#009;}从第三行开始算起 每隔4个(包含第四个)使用次样式
#list00000 li:nth-child(4n+4){background:#990;}从第四行开始算起 每隔4个(包含第四个)使用次样式
表格基本布局
如图布局,因为上次写过一次 ,后来还是忘掉了,所以记一下吧。
把label标签设置成display:block;然后向左浮动就搞定啦~~
#list1 li:nth-of-type(odd){ background:#00ccff;}奇数行
#list1 li:nth-of-type(even){ background:#ffcc00;}偶数行
#list2 li:nth-child(4n+1){ background:#00ccff;}从第一行开始算起 每隔4个(包含第四个)使用此样式
#list00000 li:nth-child(4n+2){background:#090;}从第二行开始算起 每隔4个(包含第四个)使用次样式
#list00000 li:nth-child(4n+3){background:#009;}从第三行开始算起 每隔4个(包含第四个)使用次样式
#list00000 li:nth-child(4n+4){background:#990;}从第四行开始算起 每隔4个(包含第四个)使用次样式
表格基本布局
如图布局,因为上次写过一次 ,后来还是忘掉了,所以记一下吧。
把label标签设置成display:block;然后向左浮动就搞定啦~~
相关文章推荐
- css 隔行变色,表单布局
- CSS表格样式:圆角,隔行,变色的具体实现
- 精通CSS(7.1对数据表格应用样式&7.2简单的表单布局)&R语言课堂笔记(王中贤老师)
- CSS 垂直布局的表单
- Bootstrap CSS布局之表单
- jquery实现隔行变色,点击换色,鼠标悬浮当前行变色效果,div+css 细表格样式
- Web界面设计学习笔记(2):css表单布局
- extjs的css效果及与传统布局结合下的panel的使用及表单提交
- 前端之路——第三篇:列表、表单、提交按钮、html布局、css的display,制造第一个表单提交案例
- 精通CSS.DIV网页样式与布局(五) ——设置表格与表单样式
- 用CSS实现表单form布局
- 一个用CSS实现隔行变色的技术
- extjs的css效果及与传统布局结合下的panel的使用及表单提交
- 实例:应用CSS实现表单form布局(博主:http://www.bm777.com/post/32.html)
- extjs的css效果及与传统布局结合下的panel的使用及表单提交(转)
- 一个用CSS实现隔行变色的技术
- div+css表单布局的五个小技巧
- jQuery_review之表单中的隔行变色以及关键字高亮显示
- DIV+CSS表单布局的五个小技巧
- XHTML,CSS 秘密技术 定义列表代替实现页面的布局,表单提交 操作 附原代码。