尋夢可愛字體語法
在HTML和CSS中,可以使用以下代碼來設定一個可愛的字型樣式:
<!DOCTYPE html>
<html lang="zh-Hant">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>可愛字體示例</title>
<style>
body {
font-family: 'Comic Sans MS', cursive, sans-serif;
color: #ff69b4;
font-size: 24px;
text-align: center;
background-color: #fff0f5;
}
h1 {
font-family: 'Pacifico', cursive;
color: #ff1493;
font-size: 48px;
text-shadow: 2px 2px 4px #ffb6c1;
}
</style>
<link href="https://fonts.googleapis.com/css2?family=Pacifico&display=swap" rel="stylesheet">
</head>
<body>
<h1>尋夢可愛字體</h1>
<p>這是一個可愛字體的示例,使用了Comic Sans MS和Pacifico字體。</p>
</body>
</html>
說明:
-
字型選擇:
Comic Sans MS
是一種常見的可愛字型,適合用於正文。Pacifico
是一種手寫風格的字型,適合用於標題。
-
顏色:
- 使用了粉色系顏色(如
#ff69b4
和#ff1493
)來增強可愛的效果。
- 使用了粉色系顏色(如
-
陰影:
- 為標題添加了陰影效果,使文字更加立體和有趣。
-
背景色:
- 使用了淺粉色背景(如
#fff0f5
)來營造溫馨可愛的氛圍。
- 使用了淺粉色背景(如
你可以根據需要調整字型、顏色和大小,以達到你想要的可愛效果。