网站背景图的设置

2015-7-11 二赛君 学习笔记

站点原本颜色是白色,本想增加一个按钮,白天和黑夜模式,涉及到函数的编写。索性就先设置一个固定的背景,以后再研究网站变背景功能。

找到模版的css文件,在body的第一行添加如下代码:

background-image:url("./img/background03.jpg"); background-repeat:no-repeat; Background-attachment:fixed; color:none;
	-webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -ms-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;

 

  1. background-image:url("./images/background03.jpg"); //背景图片地址
  2. background-repeat:no-repeat; //决定图片的平铺模式
复制代码

        值                               

                                        描述                               

        repeat                               

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

            repeat-x                               

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

            repeat-y                               

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

              no-repeat                               

背景图像将仅显示一次。                               

                                        inherit                               

规定应该从父元素继承 background-repeat 属性的设置。

  1. Background-attachment:fixed; //设置背景图像是否固定或者随着页面的其余部分滚动
复制代码

                值                                                                        描述                               
                                        scroll                                 默认值。背景图像会随着页面其余部分的滚动而移动。                               
                                        fixed                                    当页面的其余部分滚动时,背景图像不会移动。                               
                                        inherit                                    规定应该从父元素继承 background-attachment 属性的设置。

  1. color:none;//为元素设置一种纯色。这种颜色会填充元素的内容、内边距和边框区域,扩展到元素边框的外边界(但不包括外边距)。如果边框有透明部分(如虚线边框),会透过这些透明部分显示出背景色。
复制代码

标签: 网站 代码 程序

发表评论:

Copyright 2011-2017 | Powered by emlog | Redesigned by Kaspar.s
京ICP备13003113号 sitemap