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(滚动,默认);

  • 相关阅读:
    64位整数乘法
    HTML中常见问题汇总贴
    题解 牛客【「水」悠悠碧波】
    题解 CF1391B 【Fix You】
    四级-句子
    快速幂||取余运算
    最大子列和
    JvavScript中的函数与对象
    JavaScript中的流程控制语句
    冒泡排序,选择排序,插入排序,归并排序
  • 原文地址:https://www.cnblogs.com/wells33373/p/8136509.html
Copyright © 2011-2022 走看看