前端学习第五弹:制作一个简单的网页
有一段时间没有接触前端了,从现在重新开始吧,一点点地前进。
今晚有点感冒,脑子不大灵光,一个很简单的页面出现了各种错误,都是很低级的,比如在CSS中定义body的样式,竟然写成<body>{XXXX},然后琢磨了很久都没看出来,不可饶恕啊。。
上代码吧:
<html> <head> <meta charset="UTF-8" /> <style type=text/css> body { margin:0 auto; width:100%; font-family:serif; background-image:url(fengjing.jpg); background-size:100%;//背景图像大小,也可用具体的度量值或者使用cover、contain等都能使图像充满界面 } #word { margin:0 auto; width:100%; color:#fff; text-align:center; } </style> </head> <body> <div id="word"> <h1>Hello</h1> <p>制作一个封面</p> </div> </body> </html>
效果如下: