1.背景颜色属性(background-color),设定背景颜色=html中bgcolor属性。我来写一个红色背景的body,(也可以定义某个特定区域)

  示例写法:body {}

  2.背景图片属性(background-image),设定背景图片=html中background属性,为body设置一个背景图片。

  示例写法:body {background-image:url(../images/图片路径)”}

  3.背景重复属性(background-repeat),它和背景图片属性连用,决定背景图片是否重复。在默认不设置状态下,图片向横向、坚向重复。其相关参数主要有:repeat-x 背景图片横向重复,repeat-y背景图片竖向重复,no-repeat背景图片不重复。

  示例写法:body {background-image:url(../images/图片路径);background-repeat:repeat-y;}

  4.背景附着属性(background-attachment),类似于背景重复属性,和背景图片属性连用,决定图片是否跟随内容滚动。其参数值主要有:scroll(滚动),fixed(固定),默认为scroll。

  示例写法:body {background-image:url(../images/图片路径); background-repeat:no-repeat; background-attachment:fixed;}

  5.背景位置属性(background-position),类似于背景重复属性,和背景图片属性连用,
决定背景图片的最初位置。下面写入一个背景图片的初始位置距离网页最左面5px,距离网页最上面10px。

  示例写法:body {background-image:url(../images/图片路径);background-repeat:no-repeat; background-position:5px 10px;}

  6.背景属性(background),背景相关属性的综合写法,包括上述写的五个属性。这个简洁的写法可以省略background-color, background-image, background-repeat,backgroundattachment, background-position。

  示例写法:body {background:#000 url(../images/图片路径) no-repeat fixed 5px 10px;}

CSS+DIV之强化background属性的更多相关文章

  1. html css div img垂直居中

    <head> <meta charset="UTF-8"> <meta name="Generator" content=&quo ...

  2. DIV+CSS:Margin和Padding属性[转载]

    margin和padding用来隔开元素,margin是隔开元素与外边,padding是隔开元素里边. margin: 包括margin-top.margin-right.margin-bottom. ...

  3. css 背景(background)属性、背景图定位

    background属性: Background属性是css中应用比较多,且比较重要的一个属性,它是负责给盒子设置背景图上和背景颜色的,background是一个复合属性,它可以分解成如下几个设置项: ...

  4. css中设置background属性

    属性解释 background属性是css中应用比较多,且比较重要的一个属性,它是负责给盒子设置背景图片和背景颜色的,background是一个复合属性,它可以分解成如下几个设置项: backgrou ...

  5. CSS background 属性

    CSS 参考手册 实例 如何在一个声明中设置所有背景属性: body { background: #00FF00 url(bgimage.gif) no-repeat fixed top; } 亲自试 ...

  6. CSS background 属性 总结

    CSS background 属性总结

  7. CSS 背景图像 background属性简写

    background属性简写 background属性可以像margin padding属性一样,有简写方法,它的简写顺序是: background-color background-image ba ...

  8. CSS background 属性全家桶

    介绍我们都知道css的background属性是一个复合属性,可以简写成一行代码,也可以将每个属性分开来写. background 简写属性在一个声明中设置所有的背景属性.如:body{ backgr ...

  9. background属性总结,background-image路径问题相对于css和js

    (1)background属性总结 background 简写属性在一个声明中设置所有的背景属性. 可以设置如下属性:background-color规定要使用的背景颜色.background-pos ...

随机推荐

  1. thinkcmf thinkphp隐藏后台地址

    做了一个项目,上线的时候 需要隐藏掉domain.com/admin 这个后台地址,但是用的thinkcmf已经预定义好了admin模块. 我们可以用thinkphp自带的模块映射功能实现, 比方说我 ...

  2. wifidog编译到openwrt

    首先敲一下 cd 命令,定位到自己的用户目录, 然后 mkdir openwrt 新建一个openwrt文件夹,然后开始装openwrt的编译用到的工具, sudo apt-get install g ...

  3. css3动画--超级基础知识

    这么乱的笔记....供自己阅读!

  4. pc telnet 登录 android 系统

    前提是:1) 手机已经root,且装有busybox,2) 还装有至少一款terminal(模拟终端)软件,手机连wifi路由器.3) 还要有一些基础常识,比如linux命令,telnet.这里模拟终 ...

  5. js实现浏览器兼容复制功能

    经常看到这样一种效果:就是单击一个按钮,就将某个区域内的内容,复制到了剪切板中.其实这个功能实现起来也不难,核心就是用到了window子对象clipboardData的一个方法:setData()语法 ...

  6. normalize.css介绍

    Normalize.css 只是一个很小的CSS文件,但它在默认的HTML元素样式上提供了跨浏览器的高度一致性.相比于传统的CSS reset,Normalize.css是一种现代的.为HTML5准备 ...

  7. secureCRT简单上传、下载文件记录

    secureCRT简单上传.下载文件记录: 1)sz下载 -y 覆盖 2)rz上传 -y 覆盖 3)以上两个命令属于安装时包含在“Dial-up Networking Support"组中 ...

  8. slqplus 帮助手册

    1.查看sqlplus的帮助是否可用,必须登录了才可用. D:\app\product\\db_1\sqlplus\admin\help>sqlplus /nolog SQL :: Copyri ...

  9. C语言之指针

    以32为系统为例. 1.指针与地址指针是一种变量,保存了所指向对象的地址.1.1 定义int i = 10;int *p = &i; //定义了一个指针p,它指向一个int型的变量&是 ...

  10. 事件——《JS高级程序设计》

    一. 事件流 1. 事件流描述的是从页面中接收事件的顺序 2. 事件冒泡(event bubble):事件从开始时由最具体的元素(就是嵌套最深的那个节点)开始,逐级向上传播到较为不具体的节点(就是Do ...