span標籤怎麼設定字型顏色?

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

工具/原料

電腦

dreamweaver

方法/步驟

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

span標籤怎麼設定字型顏色

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

span標籤怎麼設定字型顏色

接著我們在標籤裡面新加一個標籤,注意,是在裡面喲

span標籤怎麼設定字型顏色

接著,使用標籤裡面的color屬性來設計字型的顏色,如圖。

span標籤怎麼設定字型顏色

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

span標籤怎麼設定字型顏色

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

span標籤怎麼設定字型顏色

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

span標籤怎麼設定字型顏色

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

span標籤怎麼設定字型顏色

注意事項

如果有用就給小編點個贊吧,謝謝!

喜歡更多經驗可以關注小編,謝謝!

網頁, 顏色, 字型, 標籤,
相關問題答案