可通过内联样式、内部样式表、外部CSS文件或CSS变量设置HTML界面颜色。①在标签中用style="background-color:; color:"直接修改；②在<head>内使用<style>定义body{background-color:;color:;}统一设置；③创建.css文件并用<link>引入，实现多页共享；④在:root中定义--bg-color等变量，通过var()引用并支持JavaScript动态切换主题。
如果您希望修改HTML运行界面的背景颜色或文字颜色，可以通过调整CSS样式来实现。以下是几种常用的设置方法：
一、使用内联样式直接设置颜色
通过在HTML标签中使用style属性，可以直接为元素设置颜色，适用于单个元素的快速修改。
1、在目标HTML标签中添加style属性，例如<body>标签。
2、设置background-color属性来更改背景颜色，如：background-color: lightblue;。
立即学习“前端免费学习笔记（深入）”；
3、设置color属性来更改文字颜色，如：color: white;。
4、完整示例：<body style="background-color: lightblue; color: white;">。
二、使用内部样式表定义界面颜色
在HTML文档的<head>部分使用<style>标签定义CSS规则，可统一设置多个元素的颜色样式。
1、在<head>标签内插入<style></style>代码块。
2、在样式块中为body或其他容器元素设置背景和文字颜色。
3、例如写入：body { background-color: #2c3e50; color: #ecf0f1; }。
4、保存并刷新页面即可看到整体颜色变化。
三、使用外部CSS文件统一设置颜色
将样式规则写入独立的.css文件中，通过link标签引入，便于多页面共享和维护。
1、创建一个新文件，如style.css，并写入颜色相关CSS规则。
2、在HTML文件的<head>中添加<link rel="stylesheet" href="style.css">。
3、在CSS文件中设置body、div等元素的background-color和color属性。
4、通过修改外部文件即可全局更改运行界面颜色。
四、利用CSS变量动态控制颜色主题
使用CSS自定义属性（变量）可以在一处定义颜色值，并在多个选择器中复用，方便统一调整。
1、在:root选择器中定义颜色变量，如：--bg-color: darkslategray;。
2、在其他样式规则中使用var(--bg-color)引用该变量。
3、只需修改变量值，所有关联元素的颜色将同步更新。
4、结合JavaScript可实现运行时切换颜色方案。
