零基础建站培训介绍

当前位置:

CSS background 背景样式总结

背景样式在制作网站过程中经常使用到。以下是CSS background 背景样式经常使用到的几种样式:

  • 背景属性以及背景位置的控制:
    1、background-position:水平方向,竖直方向。
    2、Background-attachment:背景的滚动。属性设置背景图像是否固定或者随着页面的其余部分滚动。

    body{ background-image: url(bgimage.gif); background-attachment: fixed; }
  • transparent:背景的透明
    transparent表示透明无颜色
    none 表示没有设置背景图片
    repeat 表示图片重复
    scroll 表示背景图片随浏览器下拉而滚动
    0%水平位置在x0
    0%垂直位置在y0
  • 背景属性的设置顺序:
    背景属性:背景颜色 背景图片 背景是否重复 背景时候随浏览器滚动 背景平位置 背景垂直位置

    background : background-color || background-image || background-repeat || background-attachment || background-position
  • transform变形  ---rotate转动
    Li:hover dt{ -moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-webkit-transition: all ease-in-out .5s;-moz-transition: all ease-in-out .5s;}
    div{transform:rotate(7deg);
    -ms-transform:rotate(7deg); /* IE 9 */
    -moz-transform:rotate(7deg); /* Firefox */
    -webkit-transform:rotate(7deg); /* Safari、Chrome */
    -o-transform:rotate(7deg); /* Opera */
    }

与本文相关文章

  1. JS学习笔记:js变量名规范与变量类型
  2. bootstrap 中data-toggle属性的含义与作用
  3. div 与 section、article 区别及使用场合
  4. JS学习笔记:DOM节点的删除、替换与修改
  5. *{margin: 0; padding: 0}的作用与利弊
  6. css设置font-style字体斜体样式
  7. css div 外边距 内边距怎么控制
  8. wordpress调用函数大全汇总
  9. CSS3中边框属性详解 (border-radius:圆角边框&border-image:图片边框)
  10. CSS3中新增的背景属性(如何设置多个背景图片)