国际访客建议访问 Primers 编程伙伴 国际版站点 > HTML 教程 > span 以获得更好的体验。

# HTML 的 <span> 标签

请查看 HTML 元素帮助手册 了解更多 HTML 元素。

HTML 的 <span> 元素是一个通用的行级容器,本身不具备特殊含义。它可被用于对元素进行编组,以便于添加样式(通过使用 class 或 id 属性),或共享属性值(例如 lang 属性)。该元素仅应在无其他合适语义元素时使用。 <span> 与 <div> 元素非常相似,但是 <div> 是块级元素,而 <span> 是一个行级元素。

# 属性

请查看 HTML 元素的全局属性 了解 HTML 元素的全局属性。

# 示例

<p>
  这是一段<span style="font-size: 24px; color: #ff00ff; font-weight: bold; text-shadow: 2px 2px 4px rgba(0,0,0,0.5);">超大号粉红粗体</span>文字,
  旁边是<span style="background: linear-gradient(to right, red, orange); background-clip: text; color: transparent;">彩虹渐变</span>效果,
  还有<span style="font-family: 'Comic Sans MS', cursive; text-decoration: underline wavy blue;">滑稽字体加波浪线</span>,
  甚至<span style="transform: rotate(-20deg); display: inline-block;">旋转文字</span>,
  最后来个<span style="background-color: black; color: lime; font-family: monospace; padding: 2px 5px; border-radius: 3px;">终端风格</span>。
  符号类:<span style="font-size: 1.5em;">★☂♫</span>,
  甚至<span style="filter: blur(1px); opacity: 0.8;">模糊透明</span>效果!
</p>

# 推荐阅读

本文 更新于: 2025-11-27 09:38:04 创建于: 2025-11-27 09:38:04