zoukankan      html  css  js  c++  java
  • CSS---背景属性

    background-color:gray; --- 背景颜色;

    background-img:url(../image/img1.jpg); --- 背景图片;

    background-repeat:no-repeat; --- 背景图片是否平铺,no-repeat(不平铺),repeat(横向纵向平铺,默认),repeat-x(横向平铺),repeat-y(纵向平铺);

    background-position:left top; --- 背景图片的展开方式,left top(左上),right top(右上)... ...;

    background-position:30px 80px; --- 背景图片的展开方式,背景图片从离左边30px右边80px处展开;

                    第一个数值表示左右,正值表示从左往右,负值表示从右往左;

                    第二个数值表示上下,正值表示从上往下,负值表示从下往上;

    背景缩写:background:背景颜色 背景图片 图片是否平铺 (附件) 水平 垂直; 例:

          background:blue url(./images/img2.jpg) no-repeat 10px 20px; --- 蓝色背景 背景图片 图片不平铺 从距左10px距顶20px展开

    注意:背景色可以不写,附件也可以不写,附件通常仅用在body标签;

    background-attachment:fixed; --- 背景附件和背景图片是否随着上方内容一起滚动,fixed(固定),scroll(滚动,默认);

  • 相关阅读:
    02-zabbix安装部署
    01-zabbix服务说明
    00-ContOS 7.5编译安装MySQL-5.7.30
    bitset习题
    数颜色[分块]
    旋转子段 (思维stl)
    双栈排序(洛谷P1155)二分图的判定+思维贪心
    常见的系统获取唯一码方式
    SHELL-数组
    Prometheus-alertmanager组件使用
  • 原文地址:https://www.cnblogs.com/wells33373/p/8136509.html
Copyright © 2011-2022 走看看