CSS怎么修改颜色
来源：沛宣云|
日期：2020-03-06
本教程将向您展示如何使用CSS样式属性更改任何基于HTML的模板中的颜色。
页面上的项目可以通过两种方式着色：颜色代码或图像。首先，在浏览器中打开您的网站，然后按F12按钮打开浏览器开发人员工具。 使用此工具，您可以在页面上找到任何元素的样式属性。如果您不熟悉浏览器开发人员工具，请查看本文。 例如，您可以看到以下样式：
1个 2 3 4 5 6 7 8 9 10 11 12 | .button { background: -moz-linear-gradient(#FF8E00, #FF7F00) repeat scroll 0 0 transparent; border-radius: 5px 5px 5px 5px; color: #FFFEFE; display: inline-block; font-family: 'PT Sans',sans-serif; font-size: 14px; font-weight: 400; line-height: 1.2em; padding: 20px 27px 19px; text-transform: uppercase;} |
在上面的样式属性中，您可以看到几个颜色代码：＃FF8E00，＃FF7F00，＃FFFEFE等。它们每个都定义了自己的颜色。您可以从任何图像编辑软件获取颜色代码。
将代码复制到CSS文件中，保存并在浏览器中刷新页面以查看更改。
如果 使用图像创建背景色，则可以更改图像文件或将图像背景替换为一种颜色。
例如，您具有以下样式：
1个 2 3 4 5 6 7 8 9 10 | .box-red { background: url("../images/box-red.gif") repeat scroll 0 0 transparent; border-bottom: 1px solid #E8837E; border-radius: 9px 9px 9px 9px; border-right: 1px solid #E8837E; border-top: 1px solid #E8837E; color: #FFFFFF; position: relative; width: 315px;} |
当 背景使用图像设置：
1个 | background: url("../images/box-red.gif") repeat scroll 0 0 transparent; |
您可以转到images文件夹，然后将box-red.gif文件替换为背景图像，或者简单地将图像背景替换为颜色
更换：
1个 | background: url("../images/box-red.gif") repeat scroll 0 0 transparent; |
与
1个 | background: #E8837E; |
随时查看下面的详细视频教程：
来源声明：本文章系沛宣云编辑原创或采编整理，如需转载请注明来自沛宣云。以上内容部分(包含图片、文字)来源于网络，如有侵权，请及时与本站联系（023-62963623）。
TAG标签：
