css 类选择器实例

css 类选择器实例

css 2教程qingyu2021-06-02 21:20:0510A+A-

  css 类选择器实例

  css类选择器和#id选择器类似,但两者区别在于id选择器是页面中唯一的,而类选择器可以重复。本例建立h1和p两个元素,类名相同都有center

  让两个元素都居中显示。

  实例代码:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			.center {
				text-align: center;
				color: red;
			}
		</style>
	</head>

	<body>
		<h1 class="center">君问归期未有期</h1>
		<p class="center">小荷才露尖尖角</p>
	</body>
</html>


  运行结果:

css 类选择器实例

点击这里复制本文地址 欲穷千里目,更上一层楼

支持Ctrl+Enter提交
qrcode

小黄鸡毕业设计网 © All Rights Reserved.  Copyright Your WebSite.Some Rights Reserved.
Powered by Z-BlogPHP
联系我们| 关于我们| 留言建议| 网站管理