以下是一个简单的 <span> 示例:
<p>This is a <span style="color: blue;">blue</span> word.</p>
在这个例子中,<span> 标签用于将文本 "blue" 包裹起来,并通过内联样式(style 属性)将这部分文本的颜色设置为蓝色。请注意,更好的做法是使用外部样式表或内嵌样式表来管理样式,而不是直接在标签上使用 style 属性。
<span> 还经常与CSS类一起使用,例如:
<p>This is a <span class="highlight">highlighted</span> word.</p>
然后在CSS样式表中:
.highlight {
background-color: yellow;
}
在这个例子中,通过为 <span> 添加类名 "highlight",可以通过CSS样式表将这部分文本的背景颜色设置为黄色。
总的来说,<span> 是一个非常灵活的标签,用于对文本进行分组并应用样式,以实现更细粒度的控制。
转载请注明出处:http://www.zyzy.cn/article/detail/3901/HTML