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

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

醉折花枝作酒筹
醉折花枝作酒筹オリジナル
2021-04-22 19:02:095369ブラウズ

古代の詩の書き方: まず新しい 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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。