位置：首頁 > 遊戲數碼 > IT技術

HTML網頁製作：[17]CSS常用樣式字型及顏色屬性

IT技術2.21W

CSS在網頁中應用非常廣泛，今天我就來分享一些關於文字的CSS樣式屬性。一起來學習一下吧！

操作方法

（01）如圖，比如我們有一段文字hello html!。

（02）然後在瀏覽器中預覽一下最初始的效果。

（03）然後我們在網頁中添加style標籤，從而設定CSS樣式。

（04）如圖，書寫標籤名加花括號，這裏我使用的是p標籤。如果你用的是其他標籤，則修改爲其他標籤。

（05）接着書寫書寫font-family，font-family是關於字型的屬性，這裏我設定成微軟雅黑，你也可以設定成楷體，隸書等，注意要帶上雙引號哦。

（06）接着再來預覽，可以看到字型變成微軟雅黑了哦。

（07）再來書寫屬性font-size，這個屬性是設定文字的大小的。這裏我就設定成36px，px表示像素。數值越大則文字越大。

（08）接着預覽效果，就會發覺字號變大了。

（09）接着設定font-style,這個屬性是設定文字的風格，我設定的是斜體italic，默認是normal。

（10）接着預覽效果可以看到文字變成斜體了哦。

（11）設定文字是否爲粗體可以用屬性font-weight，這裏我設定爲bolder，或者也可以設定成bold。

（12）這樣文字就會加粗了。

（13）而color這個屬性可以設定文字的顏色，這裏我就設定成red紅色了。你也可以設定成blue藍色，orange橙色，pink粉色等。

（14）最後，網頁文字變成紅色的了。

（15）貼出原始碼可以參考參考。<!doctype html><html lang="en"><head><meta charset="UTF-8" /><title>Document</title><style type="text/css">p{font-family: "微軟雅黑";font-size: 36px;font-style: normal;font-weight: bolder;color: red;}</style></head><body><p>hello html!</p></body></html>