懂視移動端 視頻1 視頻21 視頻41 視頻61 視頻文章1 視頻文章21 視頻文章41 視頻文章61 推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37 推薦39 推薦41 推薦43 推薦45 推薦47 推薦49 關鍵詞1 關鍵詞101 關鍵詞201 關鍵詞301 關鍵詞401 關鍵詞501 關鍵詞601 關鍵詞701 關鍵詞801 關鍵詞901 關鍵詞1001 關鍵詞1101 關鍵詞1201 關鍵詞1301 關鍵詞1401 關鍵詞1501 關鍵詞1601 關鍵詞1701 關鍵詞1801 關鍵詞1901 視頻擴展1 視頻擴展6 視頻擴展11 視頻擴展16 文章1 文章201 文章401 文章601 文章801 文章1001 資訊1 資訊501 資訊1001 資訊1501 標簽1 標簽501 標簽1001 關鍵詞1 關鍵詞501 關鍵詞1001 關鍵詞1501
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當前位置: 首頁 - 手機 - 正文

html如何設置字體顏色

來源:懂視網(wǎng) 責編:小OO 時間:2020-03-18 23:52:56
導讀html如何設置字體顏色呢?下面我來教大家吧!方法第一步:新建html文件和css文件①在桌面新建一個文件夾,然后新建兩個text文件;②分別將text文件重命名為index.html和css.css。第二步:輸入html代碼①用記事本打開index.html文件,輸入以下代碼;<html><head><title>html修改字體顏色的幾種方式</title><linkhref=css.css/></head><bo...
html如何設置字體顏色呢?下面我來教大家吧!

方法

第一步:新建html文件和css文件
①在桌面新建一個文件夾,然后新建兩個text文件;
②分別將text文件重命名為index.html和css.css。

第二步:輸入html代碼
①用記事本打開index.html文件,輸入以下代碼;
<html>
<head>
<title>html修改字體顏色的幾種方式</title>
<link href="css.css"/>
</head>
<body>
<p>字體顏色的不同設置方法</p>
</body>
</html>
②用瀏覽器打開瀏覽效果。

第三步:標簽內(nèi)嵌入字體標簽設置顏色
①編輯index.html,在<p>標簽內(nèi)輸入以下代碼;
<font color="#008252">字體顏色的不同設置方法</font>
②瀏覽器瀏覽效果。

第四步:標簽內(nèi)嵌入style樣式設置顏色
①另起一行字體,并在標簽內(nèi)輸入以下代碼;
<p >
②在瀏覽器中檢查效果。

第五步:網(wǎng)頁內(nèi)部嵌入標簽選擇器樣式設置顏色
①給文字的<p>標簽命名一個ID;
②在<head></head>之間輸入以下代碼;
<style>
#p1{color:#FFFF00;/*標簽選擇器*/}
</style>
③瀏覽器中查看效果。

第六步:網(wǎng)頁內(nèi)嵌入類選擇器設置顏色
①給文字的標簽命名一個Class;
②在<style></style>中輸入以下代碼;
.p1{color:#D1f3c6;/*類選擇器*/}
③瀏覽器查看效果。

第七步:外部CSS樣式設置顏色
①在網(wǎng)頁頭部輸入以下連接CSS外部文件代碼;
<link href="css.css"/>
②在網(wǎng)頁中寫入以下代碼;
<p id="p2">字體顏色的不同設置方法</p>
<p class="p2">字體顏色的不同設置方法</p>
③用記事本方式打開css文件,輸入以下代碼;
④瀏覽器檢查效果變化。

聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權等問題請及時與本網(wǎng)聯(lián)系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

  • 熱門焦點

最新推薦

猜你喜歡

熱門推薦

歡樂狼人殺電腦版(歡樂狼人殺怎么電腦上玩) 用友U8如何設置填制憑證自動帶出現(xiàn)金流量項目 Kindle 推送教程:教你用電子郵箱推送電子書 iso系統(tǒng)鏡像文件怎么安裝(iso系統(tǒng)安裝方法) 簡筆畫圖片教程 京東超市怎么加盟店 tp-link無線網(wǎng)卡驅動下載 怎么注冊58同城企業(yè)版 cad中怎么進行標高標注 pr基礎剪輯操作快速入門方法 ??低曈脖P錄像機設置與瑩石云安裝使用 圣安地列斯CLEO怎么用/CLEO主程序怎么安裝 HP-M128fn 打印機如何下載安裝驅動 如何把數(shù)據(jù)復制粘貼到篩選后的表格可見單元格 div怎樣居中?HTML中div怎樣居中呢 怎樣從微軟官網(wǎng)下載各版本W(wǎng)indows系統(tǒng) dat導入Excel圖解 轉換器無法打開文件excel如何辦 STEAM免費加好友詳細教程! 如何新增購票員 iPad已停用如何解鎖,ipad已停用怎么解鎖 人事考試中心網(wǎng)上報名照片怎么處理 在CAD中畫的圓變成了多邊形了該怎么辦 u盤文件名亂碼怎么辦 XP系統(tǒng)如何添加打印機 xshell入門使用教程 SUMIF函數(shù)的使用方法及實例 Steam被VAC封禁怎么辦 被VAC誤封解決方案 Excel中的身份證號顯示不全怎么辦 a problem has been detected(電腦藍屏) 應用程序正常初始化失敗錯誤解決辦法 api-ms-win-crt**.dll缺失原因分析和解決方法 Excel日期格式的合并與分離 拼多多打印發(fā)貨電子面單工具教程 怎么安裝sv獨立客戶端 如何自定義CAD線型 CAD中delete鍵不能用該怎么辦 如何用EXCEL 批量發(fā)送郵件批量發(fā)送工資條 解決 Microsoft excel 配置進度問題 CAD如何標注正負公差
Top