如何使用css,把div设置为一个椭圆容器,在做html页面开发时,我们一般都是使用div来做容器的,如果你需要一个椭圆形的容器,我们可以使用div来实现的,下面来看一下。......
如何利用css设置表格隔行间条样式
我们在html页面上创建表格后,如果想为表格的每一行设置间条样式,怎么设置?比如在单数行显示一种样式,在双数行显示另一种样式,下面来看一下是怎么处理的。
方法/步骤
我们在html里先创建一个table表格。
创建后,运行页面,默认是这样的样式,没有间条效果。
要设置间条样式,我们需要为tr行添加nth-child(even)的伪类样式,其中even是表示双数行,如果要设置单数行,可以改为odd。
在样式里面,设置背景色和字体色就行了。
运行页面,可以看到表格的双数行显示不一样的背景色和字体颜色了,有间条效果了。
如果你需要为单数行也设置不一样的背景色,我们可以直接为tr添加样式,设置背景色就可以了。
重新运行页面,可以看到另一种间条效果了。
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!
相关文章
- 详细阅读
- 详细阅读
-
HTML5创作工具,MAKA 2.0史上最全操作指南详细阅读
HTML5创作工具,MAKA 2.0史上最全操作指南,超过15000种模板组合。还怕你没有发挥的空间吗?MAKA(中文:码卡)作为中国最早推出移动端卡片式交互模式的创新者,随着HTML5技术的日渐成熟......
2023-03-16 434 HTML