有一段时间没有接触前端了,从现在重新开始吧,一点点地前进。
今晚有点感冒,脑子不大灵光,一个很简单的页面出现了各种错误,都是很低级的,比如在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>
效果如下: