HTML5（css定义招聘网页样式案例）

2021/11/28 6:13:35

编程Tag： type 网页 css 样式 HTML5 文本 before color Nth

本文主要是介绍HTML5（css定义招聘网页样式案例），对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
		    :root{font-family:"楷体"；}
			h3:before{content: url(img/密码框小眼睛.png);}
			p:nth-of-type(odd){color: #29D3F8;}
			p:nth-of-type(even){color: aquamarine;}
			p:before{content: url(img/密码框小眼睛.png);}
		</style>
	</head>
	<body>
		<h3>招聘信息</h3>
		<hr />
		<p>北京第三方加删除不是的</p>
		<p>发货时间的腹背受敌vds</p>
		<p>诶喔是SV搜VN滴哦打或过热</p>
		<p>肥大佛的费uesovc费欧派</p>
		<p>各供热公司打工故事梗概各位</p>
		<p>发的发的顺丰认同个人不是的</p>
		<p>过生日给人家收费的</p>
		<hr />
	</body>
</html>

代码中，“:root”用于定义页面所有元素样式，“:before”用于添加文本前面的图标，“:nth-of-type(odd)”用于设置奇数行文本样式，“nth-of-type(even)”用于设置偶数行的文本样式，效果图如下：

这篇关于HTML5（css定义招聘网页样式案例）的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！

HTML5（css定义招聘网页样式案例）

相关编程文章