簡易語法
<span style="樣式設計">要修改的內容</span>
此範例中的文字僅僅是用 span 標籤包起來，所以並不會有 CSS 特效，瀏覽器遇到 span 標籤，如果沒有給特殊的語法，則會忽略 span 標籤，想要有像是文字顏色或文字大小的設定，必須定義 span 的 CSS 語法，你可以規定 span 標籤的 id 或 class 再額外的地方寫 CSS 語法，也可以直接把 CSS 語法寫在 span 標籤裡面，以下是兩種寫法的範例。一、設定 id 並在外部寫 CSS 語法
<style type="text/css">
<!--
#test{ color: red; }
-->
</style>
<span id="test">這裡是紅色</span>
呈現效果就像 這裡是紅色<!--
#test{ color: red; }
-->
</style>
<span id="test">這裡是紅色</span>
二、直接將 CSS 語法寫在 span 標籤中
<span style="color:red;">這裡是紅色</span>
呈現效果也是一樣「這裡是紅色」以上就是 CSS 中 span 標籤的簡單應用，你也嘗試著寫寫看吧！
延伸閱讀
CSS DIV 區塊標籤的使用教學