css 隔行变色,表单布局
2014-06-03 00:22
330 查看
隔行变色: #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;然后向左浮动就搞定啦~~
#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 隔行变色,表单布局
- 前端之路——第三篇:列表、表单、提交按钮、html布局、css的display,制造第一个表单提交案例
- 用CSS实现表单form布局
- 一个清新的CSS表单布局
- 精通CSS.DIV网页样式与布局(五) ——设置表格与表单样式
- 经典用CSS实现form表单布局
- div+css表单布局的五个小技巧
- [转]纯CSS打造的蓝色漂亮表单布局
- jQuery_review之表单中的隔行变色以及关键字高亮显示
- CSS布局表单
- BootStrap--CSS布局--表单
- 一个清新的CSS表单布局
- div+css表单布局技巧(个人留存
- 纯CSS打造隔行变色表格
- Web界面设计学习笔记(2):css表单布局
- CSS布局框架 960GS 表单排版示例
- extjs的css效果及与传统布局结合下的panel的使用及表单提交
- table隔行变色的css
- CSS 简洁表单布局
- jQuery--过滤选择器实现隔行变色-表单选择器实现全选或全不选