h2 { font-size: 24px; /* 设置字体大小 */ font-weight: bold; /* 设置字体重量 */ color: #333; /* 设置字体颜色 */ text-align: center; /* 设置文本水平居中 */ padding: 20px 0; /* 设置内边距 */ margin: 0; /* 去除外边距 */ border-bottom: 1px solid #ccc; /* 设置底部边框 */ }
以上代码展示了如何设置 H2 元素的基本样式,包括字体大小、字体颜色、文本对齐方式、内边距和边框。
此外,还可以通过 CSS 中的伪类来对 H2 进行样式设置。如:hover、active、visited。例如:
h2:hover { color: red; /* 鼠标悬停时字体颜色变成红色 */ }
通过以上样式设置,H2 元素可以更好地融入网页中,并提高页面的可读性和美观度。