CSS span 標籤用法介紹

span 標籤在 HTML 設計的時候就已經廣泛在使用，同樣的到了 CSS 設計也可以繼續使用，span 標籤可以用來標示一個行元素，與 DIV 區塊的用法有點類似，但瀏覽器會將 span 標籤包起來的元素視為一行。

簡易語法

<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>

呈現效果就像 這裡是紅色

二、直接將 CSS 語法寫在 span 標籤中

<span style="color:red;">這裡是紅色</span>

呈現效果也是一樣「這裡是紅色」

以上就是 CSS 中 span 標籤的簡單應用，你也嘗試著寫寫看吧！