css怎麼設定草書字型

2021-03-09 16:01:18

css設定草書字型的方法:可以利用font-family屬性來進行設定,如【body{font-family:cursive;}】,屬性值cursive表示草書字型。

本文操作環境:windows10系統、css 3、thinkpad t480電腦。

在css中如果我們要設定元素的字型樣式,可以使用font-family屬性。

font - family屬性指定一個元素的字型。

例如我們要設定元素的字型樣式為草書,可以這樣寫:

body{
     font-family:cursive;
}

我們還可以按照如下方式設定字型樣式:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>TW511.COM(php.cn)</title>
<style>
p.serif{font-family:"Times New Roman",Times,serif;}
p.sansserif{font-family:Arial,Helvetica,sans-serif;}
</style>
</head>

<body>
<h1>CSS font-family</h1>
<p class="serif">這一段的字型是 Times New Roman </p>
<p class="sansserif">這一段的字型是 Arial.</p>

</body>
</html>

(免費視訊教學:)

執行結果:

86e83e8658dbef1599e514c6c3bb2ba.png

相關推薦:

以上就是css怎麼設定草書字型的詳細內容,更多請關注TW511.COM其它相關文章!