[HTML]解决html5中设置的颜色和浏览器显示的颜色不一致的问题

最新推荐文章于 2024-09-10 14:15:01 发布

BadGalDesperado

最新推荐文章于 2024-09-10 14:15:01 发布

阅读量4k

点赞数 4

分类专栏： html5 文章标签： html css

本文链接：https://blog.csdn.net/m0_45338067/article/details/109243532

版权

本文介绍了在HTML5中遇到的颜色设置与Chrome浏览器显示不一致的问题，问题源于HTML5不再支持直接在标签中设置颜色。解决方法是改用CSS样式来设置背景颜色。文中列举了被弃用的标签和属性，并提供了正确示例，以及VSCode中出现的警告信息。遵循此方法，可以确保颜色正确显示并有颜色块预览。

摘要由CSDN通过智能技术生成

用html写网页的时候发现我设置的颜色和Chrome浏览器显示的颜色不同，主要原因在目前的html5已经不兼容之前html用`bgcolor`参数来设置颜色，而需要使用html样式(css)的方式来设置背景颜色。

目前已经被弃用的标签和属性：

标签	描述
<center>	定义居中的内容。
<font> 和 <basefont>	定义 HTML 字体。
<s> 和 <strike>	定义删除线文本
<u>	定义下划线文本

属性	描述
align	定义文本的对齐方式
bgcolor	定义背景颜色
color	定义文本颜色

原来html设置背景色的方式：

<body bgcolor

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

BadGalDesperado

关注关注

4
点赞
踩
4

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

html 打印预览跟实际不一样,打印预览和打印出来的不一样（总结自己遇到的问题和解决方法）...

weixin_30314045的博客

06-15

4021

1、打印预览和打印出来的不一样(表格里面的字出了表格)？答：我在打监理月报时，经历的一个案例，其实这是因为你设置了居中，结果呢，表格进了下一页，所以这时有可能字就出了表格，只要将此单元格选定，然后选择靠上，就OK了！2、项目符号和后面的字的距离就是和别的不一样，怎么调也不行！答：看看后面是不是一行满了，而这时就多一点点，它这行字自然会靠前些，解决办法，就是光标移至最后一个字前，然后回车。就一般齐了...

html5 canvas修改颜色,javascript,html5_canvas设置的颜色与显示的颜色不一致，javascript,html5,html - phpStudy...

weixin_33095355的博客

06-09

577

canvas设置的颜色与显示的颜色不一致文字像素化canvas{background-color: #fff;margin: 0 auto;display: block;}body{background-color: #ccc;}input{margin: 0 auto;display: block;}var canvas = document.getElementById('can');var ...

1 条评论您还未登录，请先登录后发表或查看评论

页面设置色值与屏幕取值不符的问题

ziele_008的博客

04-02

487

今天遇到个问题，google的chrome浏览器打开网站之后，图形色值总是不正确，跟真实色值有一些偏差。明明设置的background-color: #0d419d; 但是通过工具从屏幕取色值却是：#0d429d 用ie、firefox从屏幕取色值正常……欲哭无泪了好久。最后经过反复测试，发现原来是chrome浏览器打开了“硬件加速模式”。关闭掉就好了。关闭方法：设置-&gt...

phpExcel颜色值与网页显示不一致的问题

bianb123的博客

11-13

545

在做PHPExcel导出excel文件的时候，再给某一行设置背景色的时候，发现颜色值与网页显示不一致原因在于：方法setARGB() ，前面加了一个透明度的参数A，所以颜色值是8位（ 2位透明度+6位颜色值）不考虑透明度的情况下，直接补0就可以了 $objPHPExcel->getActiveSheet()->getStyle( 'A1:E1')->getFil...

html 在当前页面时颜色不一样,网页中的图片在不同电脑上显示的颜色不同！求解决！_html/css_WEB-ITnose...

weixin_35478664的博客

06-04

1152

html jsp 网页背景色差图片 jsp页面中，表格中的顶部是用的一个图片做的背景。但是发现这个图片在不同的系统中显示出来的颜色由很大的色差。请问是什么原因引起的。用的显示器同一个显示器。我是远程桌面看到的。如果我是直接用的颜色值的话我还能理解。可能不同的显示器显示出来的颜色值有误差。我是用的图片。不晓得到底是什么原因。图片上传不了。。。大家帮忙解答一下。回复讨论(解决方案)...

前端使用innnerHtml显示返回值+innerHtml文字显示两种不同的颜色(两部分显示颜色不一样)

if_i_were_a的博客

04-04

1752

词穷中，感觉不知道怎么描述问题 emmmm,事情是这样的，我想展示一个如下所示的页面: 我的两个div,平均数据和累加数据里面分别有几个p标签，现在p标签我想让显示成图上这种，属性:+属性值，并且属性值用绿色表示问了舍友，给了我一个解决思路，需要使用innerHtml,至于后面的颜色，可以先设置dom的整体颜色是绿色，然后前面属性用一个span表示，里面设置颜色代码如下: &l...

html5+canvas+颜色,javascript – HTML5 Canvas绘制的颜色与提供的颜色不同

weixin_39580042的博客

06-11

274

2017年更新：我完全忘记了这个答案,但原因与获取/设置时预先倍增数据有关.由于位图中的数字总是整数,因此预乘会的自然结果通常会导致非整数,因此会出现舍入误差.遗憾的是,没有方便的方法来解决这个问题.只是为了澄清下面的伽玛：Gamma(通过伽玛设置或ICC配置文件)将直接影响图像,但对于直接绘制到画布的形状,这不应该是一个问题本身,因为只有显示器伽玛在顶部调整,不是数据本身.老答案：您遇到的可能是...

html5调颜色浏览器不显示,pyecharts画中国地图（省、市）：如何调整渐变颜色、浏览器中大小、生成的HTML打开是空白无法显示的问题...

weixin_36241311的博客

06-09

1329

最近在做一个数模题，需要中国地图的数据可视化，了解到pyecharts，踩了一些坑，在此记录—————————————————————————版本问题现在网上大多数文章都是用的老版本，比如0.5以下，但pyecharts升级后，变化还是挺大的。我安装的就是最近版，好像是1.8几。绘图代码(模版)先以中国地图为例每个省份和其对应的数值要以元组的形式给到参数里opts.TitleOpts就是标题文字的...

处理HTML5新标签的浏览器兼容版问题

09-27

为了解决这些问题，我们有必要探讨一些方法，让HTML5的新特性在不支持它们的浏览器中也能正常工作。首先，为了让浏览器识别并正确显示HTML5的新标签，我们可以利用JavaScript中的document.createElement方法。通过...

小程序scroll-view与css左右滑动超出部分背景颜色不显示的解决方法

01-04

2. **透明滚动条处理**：如果是因为透明滚动条导致的问题，可以在CSS中设置`scrollbar-color`属性，或者在微信小程序的`style`属性中添加`webkit-scrollbar`相关样式来改变滚动条的颜色和透明度。 3. **修复CSS布局*...

html中table为每个单元格设置不同颜色和宽度

09-28

10. 通过style属性直接设置宽度和高度虽然方便，但在响应式设计中，最好使用百分比、视口单位（如vw、vh）或者其他相对单位来定义宽度和高度，这样表格的尺寸就可以根据浏览器窗口的大小进行适应，而不是固定不变。...

html图形渐变颜色一半一半,CSS3第八课：重复线性渐变repeating-linear-gradient

weixin_39652646的博客

06-10

608

很早以前写过一篇线性渐变的文章，如果还没有掌握CSS3中的线性渐变，建议先看一下。时隔一年半，再把它的姐妹篇——重复线性渐变搞定，才算是真正完结了吧。忍不住感叹，How time flies!这个属性也是属于background-image类型的，所以不支持background-color。一、语法结构repeating-linear-gradient( [ | to ,]? [, ]+ ...

怎么调用html调色板,JS实现的系统调色板完整实例

weixin_34524593的博客

06-04

677

本文实例讲述了JS实现的系统调色板。分享给大家供大家参考，具体如下：运行效果图如下：整体页面代码：DW调色板var ColorHex=new Array('00','33','66','99','CC','FF')var SpColorHex=new Array('FF0000','00FF00','0000FF','FFFF00','00FFFF','FF00FF')var current=nu...

解决给h5移动端页面设置背景颜色后，整个屏幕填充背景色的问题

[HTML]解决html5中设置的颜色和浏览器显示的颜色不一致的问题

用html写网页的时候发现我设置的颜色和Chrome浏览器显示的颜色不同，主要原因在目前的html5已经不兼容之前html用bgcolor参数来设置颜色，而需要使用html样式(css)的方式来设置背景颜色。

目前已经被弃用的标签和属性：

原来html设置背景色的方式：

用html写网页的时候发现我设置的颜色和Chrome浏览器显示的颜色不同，主要原因在目前的html5已经不兼容之前html用`bgcolor`参数来设置颜色，而需要使用html样式(css)的方式来设置背景颜色。