以下是一个简单的HTML网站代码示例:

<!DOCTYPE html>
<html>
<head>
    <title>My Website</title>
    <style>
        body {
            background-color: lightblue;
        }
        h1 {
            color: navy;
        }
        p {
            color: darkblue;
        }
    </style>
</head>
<body>
    <h1>Welcome to My Website</h1>
    <p>This is a sample website.</p>
</body>
</html>

确保你的HTML文件中有指定背景颜色的CSS样式。在上面的示例中,我们使用了内联样式表(<style>标签)来指定body元素的背景颜色为lightblue

在部署到Nginx服务器上时,请确保你的HTML文件和CSS文件都上传到了正确的位置,并且Nginx的配置文件中已正确设置了网站的根目录。

例如,假设你的HTML文件名为index.html,并且你将它上传到了Nginx的默认根目录(通常是/var/www/html/),那么你的Nginx配置文件(通常是/etc/nginx/nginx.conf)中的server块应类似于以下内容:

server {
    listen 80;
    server_name example.com;
    root /var/www/html;

    location / {
        try_files $uri $uri/ =404;
    }
}

在上面的配置中,root指令指定了网站的根目录,location /块用于处理网站的请求。确保你的配置文件中的root值与你上传HTML文件的实际路径匹配。

完成配置后,重启Nginx服务器以使更改生效。然后,在浏览器中访问你的网站,应该能够看到正确的背景颜色和文本内容。

如果问题仍然存在,请确保你的HTML文件和CSS文件的路径是正确的,并且Nginx的配置文件中没有其他干扰你网站显示的配置项

写好的html网站代码本地以文件形式打开正常显示当我把html部署完web之后用外网打开网站网站不显示背景之类的只显示文本内容使用的是nginx

原文地址: https://www.cveoy.top/t/topic/hFwa 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录