在瀏覽網頁的過程當中，我們經常可以看見網頁上有不同的字體，而且字體的顏色也會有所不同，那么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、圖片的替換和刪除 點擊需要修改圖片的頁面,選擇圖片直接刪除,...給Excel2007單元格添加邊框 添加單元格邊框Excel2007 | 文軍營銷步驟1 選擇需要設置邊框的單元格或單元格區域,然后單擊開始功能選項,再單擊字體功能組右下角的工具按鈕,打開設置單元格格式對話框。 步驟2 單擊邊框選項卡,然后設置線條樣式、顏色,及對單元格設置邊框的方式等,最后單擊確定按鈕,如圖3所示。 圖3 若只對一個Excel單元格進行邊框設置,打開設置單元格格式對話框,并切換...利用excel制作一個十二星座的萬年歷 excel萬年歷制作 | 文軍營銷第三步:選中F11——L11單元格,將其合并,輸入January(一月),將其居中并設置適當的字體及大小;然后依次在F12——L12單元格中輸入星期的英文縮寫(如:Sun、Mon、Tue等,你也可以用中文的日、一、二來代替);接下來點擊插入→圖片→來自文件命令,插入事先準備好的十二星座圖片(可從本文提供的包中獲得),調整第10行的...word頁腳頁碼設置 word頁腳頁碼如何設置 | 文軍營銷2、設置頁碼格式 前面選擇的【普通數字2】頁碼格式是在頁腳中添加一個普通阿拉伯數字,并在頁腳中居對齊的效果。在頁眉頁腳編輯狀態下,可以對添加到頁腳中的頁碼進行格式編輯: 選中頁碼,可以通過【字體】功能組調整頁碼的字號大小、字體、顏色等,通過【段落】功能組可調整頁碼的對齊方式等; ...