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

How to write an ancient poem using html/css

醉折花枝作酒筹
Release: 2023-01-05 16:10:40
Original
5397 people have browsed it

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>
Copy after login

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!

Related labels:
css
source:php.cn
Statement of this Website
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
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template