在瀏覽網頁的過程當中，我們經常可以看見網頁上有不同的字體，而且字體的顏色也會有所不同，那么html字體顏色該如何設計呢?今天我們就來看一看有關html設計的相關內容和知識。

　　html字體顏色——html如何設置字體顏色

如圖，給字體所在的div加上id，然后在style中給這個id的div加上color屬性即可

方法/步驟2

1.-+1

直接給元素所在層加上style=”color:顏色;”屬性即可

jquery方法加顏色

需要引入jquery.js,在<script>標簽中加上$(“#id”).css(“color”,”顏色”)；即可

js方法

使用js代碼給文字加顏色，document.getElementById(“blue”).style.color=”red”;

使用font標簽

在文字外面加上font標簽，再加上color屬性

html如何設置字體大小

1.打開dreamweaver以后，新建一個HTML頁面，為了方便起見，我們直接在代碼窗口編寫3個段落標簽<p>標簽做演示。給其中的三個<p>標簽分別添加了類選擇器class,分別給一個名稱，然后在樣式中分別給類選擇器添加樣式：

方法一：這里就是添加設置字體大小的樣式font-size:30px;30px代表設置的字體大小是30個像素，是固定的。

方法二：font-size:2em,這里的字體大小設置了2個em,em是的值是可以動態變化的，瀏覽器默認16px=1em,我們可以改變其大小，比如20px=1em等。

這兩種方法都可以設置字體大小。

以上就是html字體顏色該如何設計的所有內容，而且也介紹了有關html字體大小的設計方式，有需要的朋友可以去練習一番。如果大家還想了解更多與之有關的內容，歡迎關注我們文軍營銷的官網。

推薦閱讀

word藝術字在哪 word藝術字如何插入 | 文軍營銷1.插入 單擊繪圖工具欄的”插入藝術字”按鈕(A)->單擊1種樣式->確定->輸入文字的內容/設置字體->確定 2.調整 跟繪圖一樣 3.格式(顏色/陰影/三維) 單擊這個字->用繪圖工具欄右半部分設置 4.其它設置 單擊這個字->用藝術字工具欄設置 A.編輯文字:改內容和字體 B.藝術字庫:改樣式 C.藝術字形狀:改形狀(...鏤空字體 鏤空字體制作過程 | 文軍營銷1、首先打開word2003軟件,新建一個word.然后在里面輸入“新年快樂”并設置好字體的樣式和大小。 2、然后,選擇需要設置的文字,然后右鍵—出現的對話框中選擇“字體”,或者選擇,菜單欄—-格式—字體。在出現的字體選項卡里面,選擇“常規”,根據自己的喜好選擇一個顏色,(為什么要設置顏色呢?如果沒有顏色空心字是看不...pdf文件怎么編輯 怎么編輯pdf頁面及其內容 | 文軍營銷調整字體與字號 調整字體和字號的工作自然也就不在話下了。通過【格式】——【字符】在彈出的字符對話框,修改字體、字號、顏色等。如果僅僅需要修改文字,不需要修改內容,可以直接選擇文字,然后單擊鼠標右鍵,修改字體、字號、顏色等等。 圖片的編輯處理: 3、圖片的替換和刪除 點擊需要修改圖片的頁面,選擇圖片直接刪除,...word頁腳頁碼設置 word頁腳頁碼如何設置 | 文軍營銷2、設置頁碼格式 前面選擇的【普通數字2】頁碼格式是在頁腳中添加一個普通阿拉伯數字,并在頁腳中居對齊的效果。在頁眉頁腳編輯狀態下,可以對添加到頁腳中的頁碼進行格式編輯: 選中頁碼,可以通過【字體】功能組調整頁碼的字號大小、字體、顏色等,通過【段落】功能組可調整頁碼的對齊方式等; ...利用excel制作一個十二星座的萬年歷 excel萬年歷制作 | 文軍營銷第三步:選中F11——L11單元格,將其合并,輸入January(一月),將其居中并設置適當的字體及大小;然后依次在F12——L12單元格中輸入星期的英文縮寫(如:Sun、Mon、Tue等,你也可以用中文的日、一、二來代替);接下來點擊插入→圖片→來自文件命令,插入事先準備好的十二星座圖片(可從本文提供的包中獲得),調整第10行的...利用Excel進行同比分析報表 同比財務報表 | 文軍營銷將Excel數據透視表內的利潤同比增長率字體顏色設置為白色,使之不可見,然后利用照相機將手工計算的數據列拍攝下來。放到數據透視表內的利潤同比增長率數據列上,如圖11所示。 圖11 利用Excel進行同比分析報表,這樣我們就知道同期的增長或減少了,我們就可以進行兩年或則是同一個季度的同比增長或者進行其他的對比數據分析。