站长资讯网
最全最丰富的资讯网站

怎么用html/css写一首古诗

写一首古诗的方法:首先新建一个html文件,在文件里写上基础的html代码,然后在文档“<body></body>”标签里写上古诗;最后在每句诗结尾部分添上一个“<br/>”标签即可。

怎么用html/css写一首古诗

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

新建一个HTML文档,我们可以看到HTML基础的一些代码。

怎么用html/css写一首古诗

在文档“<body></body>”标签里写上古诗;在每句诗结尾部分添上一个“<br/>”即可

<!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视频教程

赞(0)
分享到: 更多 (0)
网站地图   沪ICP备18035694号-2    沪公网安备31011702889846号