在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
)來營造溫馨可愛的氛圍。你可以根據需要調整字型、顏色和大小,以達到你想要的可愛效果。