阿拉善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标签: