在瀏覽網(wǎng)頁的過程當(dāng)中，我們經(jīng)常可以看見網(wǎng)頁上有不同的字體，而且字體的顏色也會有所不同，那么html字體顏色該如何設(shè)計呢?今天我們就來看一看有關(guān)html設(shè)計的相關(guān)內(nèi)容和知識。

　　html字體顏色——html如何設(shè)置字體顏色

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

方法/步驟2

1.-+1

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

jquery方法加顏色

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

js方法

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

使用font標(biāo)簽

在文字外面加上font標(biāo)簽，再加上color屬性

html如何設(shè)置字體大小

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

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

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

這兩種方法都可以設(shè)置字體大小。

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

推薦閱讀

word藝術(shù)字在哪 word藝術(shù)字如何插入 | 文軍營銷1.插入 單擊繪圖工具欄的”插入藝術(shù)字”按鈕(A)->單擊1種樣式->確定->輸入文字的內(nèi)容/設(shè)置字體->確定 2.調(diào)整 跟繪圖一樣 3.格式(顏色/陰影/三維) 單擊這個字->用繪圖工具欄右半部分設(shè)置 4.其它設(shè)置 單擊這個字->用藝術(shù)字工具欄設(shè)置 A.編輯文字:改內(nèi)容和字體 B.藝術(shù)字庫:改樣式 C.藝術(shù)字形狀:改形狀(...使用Excel2003"格式"工具欄設(shè)置字體 | 文軍營銷1、選定要設(shè)置字體的單元格或單元格區(qū)域,如圖1所示。 圖1 2、在格式工具欄中的字體下拉列表框中選擇方正姚體選項,如圖2所示。結(jié)果如圖3所示。 圖2 圖3 Excel小王指點:在中文版Excel2003中,格式工具欄的字體下拉列表框中顯示的字體名稱本身已經(jīng)用相應(yīng)的字體格式化,用戶可以很容易找到自己所要的字體。如果字體名稱本...給Excel2007單元格添加邊框 添加單元格邊框Excel2007 | 文軍營銷步驟1 選擇需要設(shè)置邊框的單元格或單元格區(qū)域,然后單擊開始功能選項,再單擊字體功能組右下角的工具按鈕,打開設(shè)置單元格格式對話框。 步驟2 單擊邊框選項卡,然后設(shè)置線條樣式、顏色,及對單元格設(shè)置邊框的方式等,最后單擊確定按鈕,如圖3所示。 圖3 若只對一個Excel單元格進行邊框設(shè)置,打開設(shè)置單元格格式對話框,并切換...Excel2010中設(shè)置字體的格式 Excel中設(shè)置字體格式 | 文軍營銷在Excel2010下,在單元格中輸入數(shù)據(jù)時,字體為宋體、字號為 11、顏色為黑色。要重新設(shè)置單元格內(nèi)容的字體、字號、字體顏色和字形等字符格式,可選中要設(shè)置的Excel單元格或單元格區(qū)域,然后單擊開始選項卡上字體組中的相應(yīng)按鈕即可。各按鈕含義如圖1所示、圖2說的是Excel2010中設(shè)置字體的格式效果。pdf文件怎么編輯 怎么編輯pdf頁面及其內(nèi)容 | 文軍營銷如果僅僅需要修改文字,不需要修改內(nèi)容,可以直接選擇文字,然后單擊鼠標(biāo)右鍵,修改字體、字號、顏色等等。 圖片的編輯處理: 3、圖片的替換和刪除 點擊需要修改圖片的頁面,選擇圖片直接刪除,點擊【插入】——【來自文件】打開接收到的新圖片。或者直接在其他地方進行復(fù)制粘貼。點擊圖片就可以在圖片上看見編輯框,將圖片修改到...word頁腳頁碼設(shè)置 word頁腳頁碼如何設(shè)置 | 文軍營銷2、設(shè)置頁碼格式 前面選擇的【普通數(shù)字2】頁碼格式是在頁腳中添加一個普通阿拉伯?dāng)?shù)字,并在頁腳中居對齊的效果。在頁眉頁腳編輯狀態(tài)下,可以對添加到頁腳中的頁碼進行格式編輯: 選中頁碼,可以通過【字體】功能組調(diào)整頁碼的字號大小、字體、顏色等,通過【段落】功能組可調(diào)整頁碼的對齊方式等; ...