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

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

如圖，給字體所在的div加上id，然后在style中給這個(gè)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.打開(kāi)dreamweaver以后，新建一個(gè)HTML頁(yè)面，為了方便起見(jiàn)，我們直接在代碼窗口編寫(xiě)3個(gè)段落標(biāo)簽<p>標(biāo)簽做演示。給其中的三個(gè)<p>標(biāo)簽分別添加了類(lèi)選擇器class,分別給一個(gè)名稱(chēng)，然后在樣式中分別給類(lèi)選擇器添加樣式：

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

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

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

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

推薦閱讀

鏤空字體 鏤空字體制作過(guò)程 | 文軍營(yíng)銷(xiāo)1、首先打開(kāi)word2003軟件,新建一個(gè)word.然后在里面輸入“新年快樂(lè)”并設(shè)置好字體的樣式和大小。 2、然后,選擇需要設(shè)置的文字,然后右鍵—出現(xiàn)的對(duì)話(huà)框中選擇“字體”,或者選擇,菜單欄—-格式—字體。在出現(xiàn)的字體選項(xiàng)卡里面,選擇“常規(guī)”,根據(jù)自己的喜好選擇一個(gè)顏色,(為什么要設(shè)置顏色呢?如果沒(méi)有顏色空心字是看不...word藝術(shù)字在哪 word藝術(shù)字如何插入 | 文軍營(yíng)銷(xiāo)1.插入 單擊繪圖工具欄的”插入藝術(shù)字”按鈕(A)->單擊1種樣式->確定->輸入文字的內(nèi)容/設(shè)置字體->確定 2.調(diào)整 跟繪圖一樣 3.格式(顏色/陰影/三維) 單擊這個(gè)字->用繪圖工具欄右半部分設(shè)置 4.其它設(shè)置 單擊這個(gè)字->用藝術(shù)字工具欄設(shè)置 A.編輯文字:改內(nèi)容和字體 B.藝術(shù)字庫(kù):改樣式 C.藝術(shù)字形狀:改形狀(...pdf文件怎么編輯 怎么編輯pdf頁(yè)面及其內(nèi)容 | 文軍營(yíng)銷(xiāo)調(diào)整字體與字號(hào) 調(diào)整字體和字號(hào)的工作自然也就不在話(huà)下了。通過(guò)【格式】——【字符】在彈出的字符對(duì)話(huà)框,修改字體、字號(hào)、顏色等。如果僅僅需要修改文字,不需要修改內(nèi)容,可以直接選擇文字,然后單擊鼠標(biāo)右鍵,修改字體、字號(hào)、顏色等等。 圖片的編輯處理: 3、圖片的替換和刪除 點(diǎn)擊需要修改圖片的頁(yè)面,選擇圖片直接刪除,...給Excel2007單元格添加邊框 添加單元格邊框Excel2007 | 文軍營(yíng)銷(xiāo)步驟1 選擇需要設(shè)置邊框的單元格或單元格區(qū)域,然后單擊開(kāi)始功能選項(xiàng),再單擊字體功能組右下角的工具按鈕,打開(kāi)設(shè)置單元格格式對(duì)話(huà)框。 步驟2 單擊邊框選項(xiàng)卡,然后設(shè)置線(xiàn)條樣式、顏色,及對(duì)單元格設(shè)置邊框的方式等,最后單擊確定按鈕,如圖3所示。 圖3 若只對(duì)一個(gè)Excel單元格進(jìn)行邊框設(shè)置,打開(kāi)設(shè)置單元格格式對(duì)話(huà)框,并切換...利用excel制作一個(gè)十二星座的萬(wàn)年歷 excel萬(wàn)年歷制作 | 文軍營(yíng)銷(xiāo)第三步:選中F11——L11單元格,將其合并,輸入January(一月),將其居中并設(shè)置適當(dāng)?shù)淖煮w及大小;然后依次在F12——L12單元格中輸入星期的英文縮寫(xiě)(如:Sun、Mon、Tue等,你也可以用中文的日、一、二來(lái)代替);接下來(lái)點(diǎn)擊插入→圖片→來(lái)自文件命令,插入事先準(zhǔn)備好的十二星座圖片(可從本文提供的包中獲得),調(diào)整第10行的...ppt如何制作 ppt制作技巧 | 文軍營(yíng)銷(xiāo)1、點(diǎn)視圖菜單——幻燈片母版; 2、選擇根級(jí)幻燈片,選擇【單擊此處編輯母版標(biāo)題樣式】,點(diǎn)開(kāi)始菜單,選擇字體,輸入字體大小; 3、選擇【單擊此處編輯母版文本樣式】里所有的文字(如圖所示),點(diǎn)開(kāi)始菜單,選擇字體,輸入字體大小;點(diǎn)幻燈片母版菜單——關(guān)閉母版視圖。 文軍營(yíng)銷(xiāo)的官網(wǎng)。