span標籤怎麼設定字型顏色

來源:酷知科普網 2.02W

<span></span>屬於
網頁設計的一個行標籤,使用這個標籤就不會自動換行,那麼在怎樣使<span><span>標籤的內容改變顏色呢?下面小編就來教大家
<span>標籤怎樣設定字型顏色,仔細看喲!

操作方法

(01)第一步,開啟dreamweaver軟體,然後新建一個html頁面,如圖,小編已經寫好了一個<span>標籤。

span標籤怎麼設定字型顏色

(02)接著我們可以在旁邊的預覽介面看到字型效果,預設是黑色的。

span標籤怎麼設定字型顏色 第2張

(03)接著我們在<span>標籤裡面新加一個<font>標籤,注意,是在裡面喲

span標籤怎麼設定字型顏色 第3張

(04)接著,使用<font>標籤裡面的color屬性來設計字型的顏色,如圖。

span標籤怎麼設定字型顏色 第4張

(05)輸入完color之後,就會彈出一個顏色選擇視窗,選擇自己要的顏色就可以了。

span標籤怎麼設定字型顏色 第5張

(06)小編選擇的是紅色,可以看到預覽的效果圖。

span標籤怎麼設定字型顏色 第6張

(07)當然,也可以直接在<body>標籤設定字型的顏色,使用text屬性來設定。

span標籤怎麼設定字型顏色 第7張

(08)選擇一個綠色的顏色,如圖,這是綠色的效果圖,總之,方法很多,大家可以慢慢研究。

span標籤怎麼設定字型顏色 第8張
熱門標籤