如何使用 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。
如果不阅读该文档并让您超载大量信息...您如何设置并开始使用?
- 在您的网站文件夹目录中,添加一个名为
assets
的新文件夹
- 在这个新的
assets
文件夹中,创建一个名为 style.css
的新文件
- 将这个新的
style.css
附加到 html
文件中的 head
元素中。使用以下代码:
<!DOCTYPE html>
<html>
<head>
<title>My first creations with coding!</title>
<link src="/assets/style.css" rel="stylesheet"/>
</head>
- 保存您的 'html' 文件。
- 打开
style.css
- 添加以下代码:
body {
background-color: black; /* change the 'black' color here ONLY */
}
向下滚动列表 color keywords。
- 保存
css
文件。
- 刷新浏览器。
现在只需重复步骤 5-8 即可更改您网站的背景。
要更改背景颜色,您需要另一种称为 CSS 的编码语言(级联样式表)。您可以使用 <style> </style>
标记实现它,并在其中添加 CSS,或者添加一个单独的文件和 link,如下所示:
<link rel="stylesheet" href="YOUR FILE HERE">
您可以了解更多 CSS here。
帮帮我,我需要更改网站背景的颜色,但我不知道该怎么做,我还没有尝试过这样做,因为我不知道该怎么做。 我只编码了这些行:
<!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。
如果不阅读该文档并让您超载大量信息...您如何设置并开始使用?
- 在您的网站文件夹目录中,添加一个名为
assets
的新文件夹
- 在这个新的
assets
文件夹中,创建一个名为style.css
的新文件
- 将这个新的
style.css
附加到html
文件中的head
元素中。使用以下代码:<!DOCTYPE html> <html> <head> <title>My first creations with coding!</title> <link src="/assets/style.css" rel="stylesheet"/> </head>
- 保存您的 'html' 文件。
- 打开
style.css
- 添加以下代码:
向下滚动列表 color keywords。body { background-color: black; /* change the 'black' color here ONLY */ }
- 保存
css
文件。 - 刷新浏览器。
现在只需重复步骤 5-8 即可更改您网站的背景。
要更改背景颜色,您需要另一种称为 CSS 的编码语言(级联样式表)。您可以使用 <style> </style>
标记实现它,并在其中添加 CSS,或者添加一个单独的文件和 link,如下所示:
<link rel="stylesheet" href="YOUR FILE HERE">
您可以了解更多 CSS here。