整个背景/风格只有一个图像

时间:2015-03-18 21:01:39

标签: html css

我是新手,我尝试了解如何使用htmlcss

我知道可以拥有整个页面样式(示例背景图像,帮助按钮等),以避免页面/缓存问题过载。

有没有简单的例子供初学者学习使用它?

1 个答案:

答案 0 :(得分:0)

如果您希望拥有完整尺寸的背景图片,那么您可以查看Perfect full page background image这个简洁的小教程。

确保您拥有基本的HTML文件并在其中添加<style>标记,因此,

<html>
<head>
<style>
html { 
background: url(images/bg.jpg) no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
 background-size: cover;
}
</style>
</head>

<body>

</body>
</html>

只需将background: url(images/bg.jpg)替换为图片文件的位置即可。