Home >Web Front-end >Front-end Q&A >How to write an ancient poem using html/css
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.
<!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: 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!