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-p_w_picpath:url("bg1.jpg");

2.3、background-repeat:背景图片的平铺方式，枚举值

    repeat 默认。背景图像将在垂直方向和水平方向重复。

    repeat-x 背景图像将在水平方向重复。

    repeat-y 背景图像将在垂直方向重复。

    no-repeat 背景图像将仅显示一次。

2.4、background-p_w_upload: 背景图片是否随内容滚动，枚举值

    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;

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。