教你用css3实现图片容器内等比缩放,教你用c3实现图片容器内等比缩放......
2023-03-16 337 CSS
HTML、CSS怎么选择偶数和基数
来源：互联网
2023-03-16 19:11:19 344
在网站开发的过程中，我们经常会有这么一个需求，就是控制基数行和偶数行，添加特点的方法和样式，今天小编就和大家分享怎么使用CSS去选择基数行和偶数行！
工具/原料
- 电脑：win7，64位
- 软件：HbuilderX
- 技术：HTML5 CSS3
方法/步骤
首先打开编辑器新建一个HMTL文件
输入基础代码（小编使用ul标签做为演示）
编写CSS选择【基数行】并添加样式
核心代码：.list > li:nth-child(odd){ background: blue; font-size: 18px; color: #fff;}
编写CSS选择【偶数行】并添加样式
核心代码：.list > li:nth-child(even){ background: goldenrod; font-size: 18px; color: #fff;}
编写代码完成后，我们打开浏览器来预览一下效果：如图所示
方法总结：
1、新建HMTL文件
2、输入基础代码
3、选择基数行，并设置样式
4、选择偶数行，并设置样式
5、打开浏览器预览效果
注意事项
- tips1：步骤1和步骤2是为了方便给大家演示，大家可以直接复制核心代码！
- tips2：本教程使用的开发工具及代码，大家可以根据自己的实际情况来设定。这里不做限制！
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
上一篇：CSS代码改字体颜色 下一篇：如何用js查看html页面上有几个p段落
相关文章
- 详细阅读
-
怎么用div布局加css样式做网页详细阅读
怎么用div布局加css样式做网页,怎么做一个网页呢，静态页面的制作是很简单的，我们来看看怎么通过div布局 c样式来制作一个网页吧。......
2023-03-16 479 CSS
-
css基础教程：[1]为网页使用网络字体详细阅读
![css基础教程：[1]为网页使用网络字体](https://exp-picture.cdn.bcebos.com/cca2552c56ee7b7f34c65fc66ef4fcf5ef0d411f.jpg)
css基础教程：[1]为网页使用网络字体,本教程为大家介绍在网页上怎么使用网络字体。1，使用网络字体的好处是所有人看到的效果都是样的，效果统一，2，不依赖于用户电脑上是否安装了该字体。......
2023-03-16 327 CSS