ホームページ > ウェブフロントエンド > フロントエンドQ&A > HTML/CSSを使用して古代の詩を書く方法

HTML/CSSを使用して古代の詩を書く方法

醉折花枝作酒筹
リリース: 2023-01-05 16:10:40
オリジナル
5396 人が閲覧しました

古代の詩の書き方: まず新しい HTML ファイルを作成し、そのファイルに基本的な HTML コードを記述してから、ドキュメントの「

」タグに古代の詩を記述します。最後に 各詩の最後に「
」タグを追加するだけです。

このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

新しい HTML ドキュメントを作成すると、いくつかの基本的な HTML コードが表示されます。

HTML/CSSを使用して古代の詩を書く方法

ドキュメントの「」タグ内に古代の詩を書き、各詩の最後に「

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
	<title>用HTML写一首诗</title>
	<style type="text/css">
    #poem{
        width: 300px;
        height: 200px;
        margin: 0 auto;
    	text-align: center;
    	color: green;
    	font-size: 20px;

         }
    body{
          background-image: url(../图片/timg.jpg);
          background-attachment: fixed;
         }
	</style>
</head>   
<body>
    <div id="poem">
          入若耶溪<br/><br/>
          艅艎何泛泛,空水共悠悠。<br/>
          阴霞生远岫,阳景逐回流。<br/>
          蝉噪林逾静,鸟鸣山更幽。<br/>
	  此地动归念,长年悲倦游。<br/>
	</div>
</body>
</html>
ログイン後にコピー

推奨学習:

css ビデオ チュートリアル

以上がHTML/CSSを使用して古代の詩を書く方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
css
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート