我之前有做过相关的技术分享，只不过让这次略有不同的是时间显示样式的不同。

新建一个文本文档，将下列代码复制进去;

保存后将文本文档的后缀 ".txt" 更改为 ".html"；

将该 html 文件视为图层拖入OBS或其他直播软件的画面即可。

如果你没有CSS基础，但想进一步自定义样式，请参考下面参数：

"#clock" 这个项是整个时钟的主题样式，可以进行修改但不要删除大括号。

颜色，可以修改为RGB格式，例：

color: rgb(249, 249, 249, 0.75);

括号中前三个数值对应的是颜色不用解释，而末尾 "0.75" 表示的是不透明度，"1" 表示完全不透明。

字体，可以修改为本地字体。

（如果需要导入其他未安装字体，可以选择从 Google Font 获取 link 或 import 链接。）

字体属性，常见的参数为："bold" 加粗；"bolder" 更粗。

设置是否让时间行相较于日期行居中。如需要开启，请删除开头横杠 "-"

字体阴影，可以参考颜色参数进行设置。（如不需阴影，可将该行删除。）

定位，目前的参数是绝对位置，不推荐更改。

边距，如果觉得时钟的位置距离屏幕边框太近，可以适当调高该参数。

也可将 "1%" 的百分比单位，修改为 "1px" 像素单位进行微调。

控制时间行字体大小，可自行将数字调高或调小。

控制日期行字体大小，可自行将数字调高或调小。

其他参数如没有CSS基础请勿轻易修改。

如果失效，多半是因为你误删了某行最后的分号 ";" 导致的，分号决定是否让代码继续运行。

如果想要浏览其他时间样式，请访问我的上一篇教程：OBS 显示时间日期 （无需插件）

欢迎分享，转载请注明作者。

欢迎一切良性讨论！