网站地图    收藏   

主页 > 前端 > css教程 >

css3实现隔行换色

来源:未知    时间:2016-05-18 11:22 作者:xxadmin 阅读:

[导读] css3如何实现隔行换色呢?使用css3选择器 p:nth-of-type(odd)奇数 和p:nth-of-type(even)偶数 以下是部分实例: !DOCTYPEhtmlhtmlheadstylep:nth-of-type(odd){background:#ff0000;}p:nth-of-type(even){background:#0000ff;}/styl...

css3如何实现隔行换色呢?使用css3选择器 p:nth-of-type(odd)奇数 和 p:nth-of-type(even)偶数

以下是部分实例:

<!DOCTYPE html>
<html>
<head>
<style> 
p:nth-of-type(odd)
{
background:#ff0000;
}
p:nth-of-type(even)
{
background:#0000ff;
}
</style>
</head>
<body>

<h1>This is a heading</h1>
<p>The first paragraph.</p>
<p>The second paragraph.</p>
<p>The third paragraph.</p>

</body>
</html>

blob.png

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论