Posted on | by liu
CSS 中给 `
` 赋值,可以通过设置其 `font-size`、`color`、`font-weight`、`text-decoration` 等属性来达到效果。
比如,可以通过下面的 CSS 代码来将 `` 的字体大小设置为 16px、颜色为红色、加粗、有下划线:span {
font-size: 16px;
color: red;
font-weight: bold;
text-decoration: underline;
}
此时,页面中所有的 `` 元素都会应用这些样式,如果你只想给特定的 `` 元素应用样式,可以使用类或 ID 选择器。
比如,下面的 CSS 代码会给类名为 `highlight` 的 `` 元素设置红色的背景色、白色的字体颜色、12px 的字体大小:.highlight {
background-color: red;
color: white;
font-size: 12px;
}
在 HTML 中应用上述样式可以这样写:<p>这是一段包含<span class="highlight">高亮</span>效果的文本。</p>
这样,这个 `` 元素就会应用 `highlight` 类的样式。
除了使用类选择器外,还可以使用 ID 选择器,具体使用方法可以参考 CSS 的相关文档。
总之,通过 CSS 给 `` 元素赋值能够实现各种文本效果,让页面变得更加丰富多彩。