酷知百科網

位置:首頁 > 遊戲數碼 > 電腦

span標籤怎麼設置字體顏色

電腦2.05W

<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張
標籤:span 字體 設置