HTML CSSで新年の挨拶を描写

2年 ago
桜, 春樹
1 minute

HTMLとCSSで使える、新年の挨拶に使える、コードはこちら：

ネイティブな日本語で文章を言い換えてください。1つのオプションのみが必要です。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;
}

上記のコードでは、「container」というclass名を持つ

要素がメッセージを囲むコンテナとして使われていて、

要素が「明けましておめでとうございます！」というタイトルを表示し、

要素がメッセージの本文を表示しています。

CSSのスタイルでは、「text-align: center;」によりコンテンツが中央揃え、「margin-top: 100px;」では

要素とページ上部の距離を設定しています。見出しは赤色のフォントと36pxのフォントサイズ、本文は24pxのフォントサイズを使用しています。

自分に合わせた様式は、例として、文字のスタイル、色、大きさなどを調整してカスタマイズすることができます。

bannerAds