如何使用 HTML 更改我网站的背景颜色

How do i change the background color of my website with HTML

帮帮我,我需要更改网站背景的颜色,但我不知道该怎么做,我还没有尝试过这样做,因为我不知道该怎么做。 我只编码了这些行:

<!DOCTYPE html>
<html>
    <head>
       <title>My first creations with coding!</title>
    </head>
   <body>
   <h1>My first creations with coding!</h1>  
     <br>
     <p>>like pro</p>


    
     
      </body>
</html>

<!DOCTYPE html>
<html>
    <head>
       <title>My first creations with coding!</title>
    </head>
   <body style="background-color:powderblue;">
   <h1>My first creations with coding!</h1>  
     <br>
     <p>>like pro</p>


    
     
      </body>
</html>

你需要层叠样式 Sheet 或 .css 文件我的伙计。您可以阅读更多相关信息 here

如果不阅读该文档并让您超载大量信息...您如何设置并开始使用?

  1. 在您的网站文件夹目录中,添加一个名为 assets
  2. 的新文件夹
  3. 在这个新的 assets 文件夹中,创建一个名为 style.css
  4. 的新文件
  5. 将这个新的 style.css 附加到 html 文件中的 head 元素中。使用以下代码:
      <!DOCTYPE html> 
        <html>
          <head>
            <title>My first creations with coding!</title>
            <link src="/assets/style.css" rel="stylesheet"/>
          </head>
    
  6. 保存您的 'html' 文件。
  7. 打开style.css
  8. 添加以下代码:
      body {
         background-color: black; /* change the 'black' color here ONLY */
      }
    
    向下滚动列表 color keywords
  9. 保存 css 文件。
  10. 刷新浏览器。

现在只需重复步骤 5-8 即可更改您网站的背景。

要更改背景颜色,您需要另一种称为 CSS 的编码语言(级联样式表)。您可以使用 <style> </style> 标记实现它,并在其中添加 CSS,或者添加一个单独的文件和 link,如下所示:

<link rel="stylesheet" href="YOUR FILE HERE">

您可以了解更多 CSS here