如何使用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>

我的伙计,你需要一个级联样式表或.css文件。你可以在这里阅读更多。

没有阅读那篇文档&大量信息让你不堪重负。。。如何设置它&开始做

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

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

要更改背景颜色,需要另一种名为CSS的编码语言(级联样式表(。你可以用<style> </style>标签来实现它,并在那里添加CSS,或者添加一个单独的文件并像这样链接它:

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

你可以在这里了解更多关于CSS的信息。

<!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>

最新更新