Home > Article > Web Front-end > How to write an ancient poem using html/css

How to write an ancient poem using html/css

醉折花枝作酒筹Original: 2021-04-22 19:02:095356browse

How to write an ancient poem: first create a new html file, write the basic html code in the file, then write the ancient poem in the document "
" tag; finally Just add a "
" tag at the end of each poem.

The operating environment of this tutorial: Windows 7 system, CSS3&&HTML5 version, Dell G3 computer.

Create a new HTML document and we can see some basic HTML codes.

How to write an ancient poem using html/css

##Write ancient poems in the document "" tag; add a "
”You can

<!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>

Recommended learning:

css video tutorial

The above is the detailed content of How to write an ancient poem using html/css. For more information, please follow other related articles on the PHP Chinese website!

html5 css css3 html

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：How to set encoding in cssNext article：How to set encoding in css

See more

How to write an ancient poem using html/css

Related articles