本文介绍了在HTML5中遇到的颜色设置与Chrome浏览器显示不一致的问题，问题源于HTML5不再支持直接在标签中设置颜色。解决方法是改用CSS样式来设置背景颜色。文中列举了被弃用的标签和属性，并提供了正确示例，以及VSCode中出现的警告信息。遵循此方法，可以确保颜色正确显示并有颜色块预览。
用html写网页的时候发现我设置的颜色和Chrome浏览器显示的颜色不同，主要原因在目前的html5已经不兼容之前html用bgcolor参数来设置颜色，而需要使用html样式(css)的方式来设置背景颜色。
目前已经被弃用的标签和属性：
| 标签 | 描述 |
|---|---|
| <center> | 定义居中的内容。 |
| <font> 和 <basefont> | 定义 HTML 字体。 |
| <s> 和 <strike> | 定义删除线文本 |
| <u> | 定义下划线文本 |
| 属性 | 描述 |
|---|---|
| align | 定义文本的对齐方式 |
| bgcolor | 定义背景颜色 |
| color | 定义文本颜色 |
原来html设置背景色的方式：
<body bgcolor="#74759b">
应该显示的颜色：
实际chrome显示的颜色：（非常迷惑）
虽然没有报错，但是有如下警告(Visual Studio Code作为IDE)：
Background color for the document. This method is non-conforming, use CSS background-color property on the element instead.
现在改为：
<body style="background-color:#74759b">
成功显示正确的颜色， 并且VSCode中在代码中会有色彩块预览颜色：
扫一扫
1487
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
