溫馨提示×

HTML CSS繪制新年祝福語

小云
244
2023-09-20 10:12:42
欄目: 編程語言

HTML和CSS可以用來創建新年祝福語的效果,可以使用以下代碼:

HTML代碼:

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="container">
<h1>新年快樂!</h1>
<p>祝愿您和您的家人在新的一年里幸福安康,事業騰飛!</p>
</div>
</body>
</html>

CSS代碼(style.css文件):

.container {
text-align: center;
margin-top: 100px;
}
h1 {
font-size: 36px;
color: red;
}
p {
font-size: 24px;
}

在上述代碼中,<div>元素類名為“container”,用于包含祝福語的內容。<h1>元素用于顯示“新年快樂!”的標題,<p>元素用于顯示祝福語的正文。

CSS樣式設置了text-align: center;將內容居中顯示,margin-top: 100px;用于設置<div>元素與頁面頂部的距離。標題使用了紅色字體和36px的字號,正文使用了24px的字號。

可以根據個人的需求自定義樣式,例如調整字體樣式、顏色、大小等。

0
亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女