HTML如何设置背景色_HTML body背景色与CSS样式设置

哦，让我告诉你一件事。
当我创建网站时，我刚刚开始使用背景颜色，实际上遇到了很多陷阱。

当时，我刚刚开始为当地一家小公司构建网站。
对于第一页，为了加快速度，我将样式直接添加到 <body> 中：“<body style='background-color:f0f0f0;'>”。
哎，当时页面是白色的，变成蓝色了，过了几秒钟。
然后老板说开会的时候颜色太亮了，需要换一下。
我的手在颤抖，我不得不翻几十页。
我必须手动更改每一页，这让我头晕目眩。
这就是内联样式的陷阱。
实际上，除非您只是创建一个页面并且确定它不会改变，否则不要使用它。

然后我做了一个稍微大一点的项目，十多页。
我又用了第二个，这很烦人。
所以这两种方法适合小型项目或者快速测试。

在实际做大型项目时，我终于找到了正确的方法，也就是第三种方法，使用外部CSS文件。
当时我做了一个旅游网站，有几百个页面，分为很多模块。
我创建了style.css并编写了所有页面的背景颜色，例如“body {back-color: e0f7 fa; }”。
然后向每个 HTML 文件添加一句话：<link rel="stylesheet" href="styles.css">。
这样，如果我的老板稍后要求我更改颜色，我将直接更改 style.css 文件，所有页面都会相应更改。
让我告诉你，这个技巧太神奇了。

对于颜色的表示，当时我最常用的是十六进制，比如ffcc00，它可以给出准确的颜色感觉。
然后我做了一些特效并使用rgb和rgba。
例如，rgba(0,0,0,0.5 )可以创建模糊效果。
当时，我正在为一个游戏网站创建一个弹出窗口并添加半黑色背景。
效果确实不错。

但是，如果您要创建网站，请不要使用 <body bgcolor="color value"> 等旧内容。
当我在做一个项目时，客户问我是否可以使用它，我只是说不，它是旧技术，不兼容，而且很难改变。
现在我们都用CSS了，CSS标准化了，而且灵活了。

看，我活了十年才找到这些方法。
当你创建网站时，不要走任何弯路。

css如何把背景颜色改成透明背景色呢？

说白了，如果想让CSS背景变成无色，可以依靠RGBA，简单又原始。
由于许多人不记得如何书写透明度，这一事实使情况变得复杂。

我们先来说说最重要的事情。
透明背景全部是通过RGBA实现的。
比如我们去年开发的项目中，直接将子DIV的背景色写入了背景色：rgba(2 5 5 ,2 5 5 ,2 5 5 ,0)，简单来说就是透明。
还有一点，记住颜色值2 5 5 、2 5 5 、2 5 5 都是白色。
将透明度调整为 0 到 1 之间的数字。
0.6 表示 6 0% 暗。
去年测试发现0.5 和0.7 的视觉效果相差较大。
还有另一个重要的细节。
直接使用不透明度：0.6 表示整个元素是透明的，背景颜色也是透明的。
不过，RGBA 透明度仅影响背景色，前景色仍然是纯色。

一开始我以为背景透明的话文字也会透明，但后来我意识到我错了。
文字依然很浓重，只是背景颜色变浅了。
等等，还有一件事。
RGBA兼容性很好，但老IE看不懂。
很多人不重视这一点。

建议直接使用RGBA，颜色和透明度分开，可以灵活改变。