在瀏覽網頁的過程當中，我們經常可以看見網頁上有不同的字體，而且字體的顏色也會有所不同，那么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.藝術字形狀:改形狀(...使用Excel2003"格式"工具欄設置字體 | 文軍營銷1、選定要設置字體的單元格或單元格區域,如圖1所示。 圖1 2、在格式工具欄中的字體下拉列表框中選擇方正姚體選項,如圖2所示。結果如圖3所示。 圖2 圖3 Excel小王指點:在中文版Excel2003中,格式工具欄的字體下拉列表框中顯示的字體名稱本身已經用相應的字體格式化,用戶可以很容易找到自己所要的字體。如果字體名稱本...給Excel2007單元格添加邊框 添加單元格邊框Excel2007 | 文軍營銷步驟1 選擇需要設置邊框的單元格或單元格區域,然后單擊開始功能選項,再單擊字體功能組右下角的工具按鈕,打開設置單元格格式對話框。 步驟2 單擊邊框選項卡,然后設置線條樣式、顏色,及對單元格設置邊框的方式等,最后單擊確定按鈕,如圖3所示。 圖3 若只對一個Excel單元格進行邊框設置,打開設置單元格格式對話框,并切換...Excel2010中設置字體的格式 Excel中設置字體格式 | 文軍營銷在Excel2010下,在單元格中輸入數據時,字體為宋體、字號為 11、顏色為黑色。要重新設置單元格內容的字體、字號、字體顏色和字形等字符格式,可選中要設置的Excel單元格或單元格區域,然后單擊開始選項卡上字體組中的相應按鈕即可。各按鈕含義如圖1所示、圖2說的是Excel2010中設置字體的格式效果。pdf文件怎么編輯 怎么編輯pdf頁面及其內容 | 文軍營銷如果僅僅需要修改文字,不需要修改內容,可以直接選擇文字,然后單擊鼠標右鍵,修改字體、字號、顏色等等。 圖片的編輯處理: 3、圖片的替換和刪除 點擊需要修改圖片的頁面,選擇圖片直接刪除,點擊【插入】——【來自文件】打開接收到的新圖片。或者直接在其他地方進行復制粘貼。點擊圖片就可以在圖片上看見編輯框,將圖片修改到...word頁腳頁碼設置 word頁腳頁碼如何設置 | 文軍營銷2、設置頁碼格式 前面選擇的【普通數字2】頁碼格式是在頁腳中添加一個普通阿拉伯數字,并在頁腳中居對齊的效果。在頁眉頁腳編輯狀態下,可以對添加到頁腳中的頁碼進行格式編輯: 選中頁碼,可以通過【字體】功能組調整頁碼的字號大小、字體、顏色等,通過【段落】功能組可調整頁碼的對齊方式等; ...