CSS颜色样式
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS颜色样式相关的知识,希望对你有一定的参考价值。
1、前景色
color:颜色值(颜色名、RGB/RGBA颜色、十六进制颜色)
(1)十六进制颜色:#FF0000,FF表示红色分量,中间两个0表示绿色分量,最后两个0表示蓝色分量
(2)RGBA颜色:rgba(255,0,0,0.5)由十进制的三个颜色分量和一个透明度分量组成,分量取值范围是0~255,透明度取值范围0~1。
(3)RGB颜色:rgb(255,0,0)由十进制的三个颜色分量组成,分量取值范围是0~255.
(4)颜色名:red、blue等表示颜色的英文单词 color:red;
2、背景色
很多html元素都可以设置背景样式(背景色、背景图片),如body, div等
2.1、background-color:red; 背景色,颜色值
2.2、background-image:url("bg1.jpg");
2.3、background-repeat:背景图片的平铺方式,枚举值
repeat 默认。背景图像将在垂直方向和水平方向重复。
repeat-x 背景图像将在水平方向重复。
repeat-y 背景图像将在垂直方向重复。
no-repeat 背景图像将仅显示一次。
2.4、background-attachment: 背景图片是否随内容滚动,枚举值
scroll 默认值。背景图像会随着页面其余部分的滚动而移动。
fixed 当页面的其余部分滚动时,背景图像不会移动。
2.5、background-position-x:center;背景图片水平方向位置
(1)枚举值
top left
top center
top right
center left
center center
center right
bottom left
bottom center
bottom right
如果您仅规定了一个关键词,那么第二个值将是"center"。
(2)百分比 x% y%
默认值:0% 0%。第一个值是水平位置,第二个值是垂直位置。左上角是 0% 0%。右下角是 100% 100%。如果您仅规定了一个值,另一个值将是 50%。
(3)像素值 xpos ypos
第一个值是水平位置,第二个值是垂直位置。左上角是 0 0。单位是像素 (0px 0px) 或任何其他的 CSS 单位。如果您仅规定了一个值,另一个值将是50%。可以混合使用 % 和 像素值。
背景样式可以写在一起background:url("bg1.jpg") repeat;
以上是关于CSS颜色样式的主要内容,如果未能解决你的问题,请参考以下文章
请问css样式中 能不能改变LI前面小黑点的颜色?(字体颜色和小黑点颜色不一样)