首页如何给页面加上背景，并使文字居中

如何给页面加上背景，并使文字居中

时间: 2023-12-24 11:02:21 浏览: 71

DIV+CSS中让布局、背景图片、文字内容居中的方法

5星 · 资源好评率100%

在DIV CSS布局的页面里，从布局内容到页面里文章文字居中都是非常重要的，而css来设置居中也是非常简单的。　　1、首先介绍使用css属性让整体布局的居中：　　设置对象的父级内容居中，这里一个页面的为父级是什么呢？我们可以想象整个页面的内容是由<html></html>和<body></body>这两个包含，那根据较近父级我们就设置body的CSS来实现居中问题，可以向在内容里居中有text-align:center;具体css的居中代码为：　　body{text-aligh:center; } 但是即使这样也会出现问题，因为你没有设置布局有多宽“width ”，一旦你内容布局中在

您可以使用CSS样式来给页面加上背景，并使文字居中。以下是一个简单的例子： ``` <!DOCTYPE html> <html> <head> <style> body { background-image: url("background.jpg"); background-size: cover; text-align: center; } h1 { font-size: 3em; color: white; padding-top: 50px; } </style> </head> <body> <h1>Hello World!</h1> </body> </html> ``` 在上面的例子中，`background-image`属性指定了背景图片的URL地址，`background-size`属性指定了背景图片的缩放方式，这里使用`cover`表示图片尽可能地覆盖整个页面。`text-align`属性指定了文本的对齐方式，这里使用`center`表示文本居中对齐。`h1`元素用于创建一个标题，`font-size`属性指定了标题的字号，`color`属性指定了标题的颜色，`padding-top`属性指定了标题距离页面顶部的距离。当浏览器加载该页面时，会显示背景图片，并将标题居中显示。您可以根据自己的需要修改样式来适应不同的页面。

阅读全文