我需要知道如何居中并用 2 种颜色造一个句子。
<html>
<head>
<title>Website</title>
</head>
<body>
<div style="width: 400px;
height: 400px; bgcolor:
rgb(121,200,78); color:
#,#,#;">
<p>Hello World</p>
</div>
</body>
</html>
【问题讨论】：
您需要稍微拆分一下代码。首先，使其居中，添加以下内容：text-align: center;。这将使您的内容在 400px 宽度内居中。要使文本在页面上居中，请将宽度更改为 100%。
对于颜色，如果您的意思是背景和文本颜色不同，那么只需将您的 color: #,#,#; 更改为十六进制或 rgb (link)。要使背景颜色起作用，请确保使用background-color 或background 而不是“bgcolor”。您的 HTML 将如下所示：
<html>
<head>
<title>Website</title>
</head>
<body>
<div style="width: 400px; height: 400px; background-color: rgb(121,200,78); color: #COLOR">
<p>Hello World</p>
</div>
</body>
</html>
另一方面，如果您的意思是让单词有不同的颜色，那么要添加第二种颜色，我建议您使用带有您想要的样式的span。完整的 HTML 是这样的：
<html>
<head>
<title>Website</title>
</head>
<body>
<div style="width: 400px; height: 400px; background-color: rgb(121,200,78); color: #COLOR1">
<p>Hello <span style="color: #COLOR2">World</span></p>
</div>
</body>
</html>
我建议您深入了解我分享的 W3 SChoos 链接，并查看一些 HTML 和 CSS 教程、短视频或阅读将有很长的路要走。祝您学习之旅好运！
【讨论】：