背景——包括背景颜色、背景图片，以及背景图片的控制

　　　　background-color：设置背景色（transparent表示透明的背景色）

　　　　background-image：设置元素的背景图片　　　　background-repeat：确定背景图片是否以及如何重复

　　　　　　　　　　　　　　 no-repeat：只出现一次　　repeat：在水平和垂直方向上重复　　repeat-x和repeat-y分别在水平和垂直方向上重复

　　　　background-attachment：确定背景图像是否跟随内容滚动（fixed表示固定，scroll表示图像跟随内容的移动而移动）

　　　　background-position：指定背景图像的水平位置和垂直位置（水平：left，center，right，数值　　垂直：top，center，bottom，数值）

　　3个Div在同一区域分层：

　　　　<head>

　　　　　　<title></title>

　　　　　　<style type="text/css">

　　　　　　　　div{

　　　　　　　　　　height:300px;

　　　　　　　　　　width:300px;

　　　　　　　　}

　　　　　　　　div.div1{

　　　　　　　　　　background-color:red;

　　　　　　　　　　top:100px;

　　　　　　　　　　left:100px;

　　　　　　　　　　position:absolute;　　　　//absolute表示绝对定位

　　　　　　　　　　z-index:3;　　　　　　　  //z-index值越高的显示在外面

　　　　　　　　}

　　　　　　　　div.div2{

　　　　　　　　　　background-color:yellow;

　　　　　　　　　　top:130px;

　　　　　　　　　　left:130px;

　　　　　　　　　　position:absolute;

　　　　　　　　　　z-index:2;

　　　　　　　　}

　　　　　　　　div.div3{

　　　　　　　　　　background-color:green;

　　　　　　　　　　top:160px;

　　　　　　　　　　left:160px;

　　　　　　　　　　position:absolute;

　　　　　　　　　　z-index:1;

　　　　　　　　}

　　　　　　</style>

　　　　</head>

　　　　<body>

　　　　　　<div class="div1"></div>

　　　　　　<div class="div2"></div>

　　　　　　<div class="div3"></div>

　　　　</body>

　　右下角固定弹窗：

　　　　<style type="text/css">

　　　　　　.div1{

　　　　　　　　right:0px;

　　　　　　　　bottom:0px;

　　　　　　　　background-color:yellow;

　　　　　　　　position:fixed;

　　　　　　　　height:250px;

　　　　　　　　width:350px;

　　　　　　}

　　　　</style>

　　　　……

　　　　<div class="div1"></div>

CSS样式属性——背景的更多相关文章

  1. js中获取css样式属性值

    关于js中style,currentStyle和getComputedStyle几个注意的地方 (1)用js的style只能获取元素的内联样式,内部样式和外部样式使用style是获取不到的.针对css ...

  2. IE6支持兼容min-width、max-width CSS样式属性

    IE6支持兼容min-width.max-width CSS样式属性 让IE6支持max-width.IE6支持min-width样式 我们在写CSS的时候,常常会遇到让一个图片或一个布局不能超出设定 ...

  3. CSS之样式属性(背景固定、圆形头像、模态框)

    CSS属性 一.宽和高 width属性可以为元素设置宽度. height属性可以为元素设置高度. 块级标签才能设置宽度,内联标签的宽度由内容来决定. div {width: 1000px;backgr ...

  4. HTML布局相关的CSS样式属性

    # 转载请留言联系 注意,样式属性是写进CSS里面的. 布局常用样式属性: width 设置元素(标签)的宽度,如:width:100px; height 设置元素(标签)的高度,如:height:2 ...

  5. 常用CSS样式属性

    01.常用样式 1.1.background背景 设置元素背景的样式 background,更好的衬托内容. 属性 描述 值 background 背景属性简写.支持多组背景设置,逗号,隔开 back ...

  6. css样式之背景图片

    1.css样式背景之使用图片来做为背景 example: <!DOCTYPE html> <html> <head> <meta http-equiv=&qu ...

  7. 11-18网页基础--第二部分CSS样式属性（1）

    第一课:样式属性 style 样式:style样式不仅可以直接在<body>中设置成整个网页的样式.格式:为了将样式.格式多样化,也可以将style单独抽出来,作为一个独立的个体,放在&l ...

  8. CSS样式属性单词之Left

    通常left单独在CSS中设置无效,需要在使用position属性下使用才能生效起作用.left左靠多少距离(距离左边多少)的作用. left 一.left认识与语法 left翻译:左边,左 在CSS ...

  9. IE6支持min-width、max-width CSS样式属性

    1.IE6支持max-width解决方法 IE6支持最大宽度,解决CSS代码: .yangshi{ max-width:1000px; _width:expression((document.docu ...

随机推荐

  1. Charles手机端抓包--证书

    应用测试: Charles通过无线对手机进行抓包 测试系统: ubuntu 16.04 LTS 测试手机: IOS 10.3(14E277) Charles版本: Charles 4.1.4 手机证书 ...

  2. Linux 中的 grep 命令

    一,grep命令有什么用 个人觉得grep命令就是一个对文本或输出进行匹配并控制输出的一个工具,看一下下面的参数,部分翻译了,有不对的地方,还请指正: grep --help 匹配模式选择: -E,  ...

  3. 如何写出安全的 API 接口？接口参数加密签名设计思路

    原文链接:http://blog.csdn.net/ma_jiang/article/details/53636840

  4. ubuntu 把软件源修改为国内源和更新

    1. 备份原始文件 sudo cp /etc/apt/sources.list /etc/apt/sources.list.backup 2. 修改文件并添加国内源 vi /etc/apt/sourc ...

  5. decimal and double ToString problem

    decimal d2 = 0.0000002500m; Console.WriteLine(d2.ToString()); double d3 = 0.0000002500; Console.Writ ...

  6. 【安装防火墙】没有iptables时的解决办法

    一.检查iptables服务状态 首先检查iptables服务的状态 [root@woxplife ~]# service iptables status iptables: Firewall is ...

  7. maven+nexus配置本地私有仓库

    以下是settting.xml的配置 <?xml version="1.0" encoding="UTF-8"?> <settings> ...

  8. Django Python MySQL Linux 开发环境搭建

    Django Python MySQL Linux 开发环境搭建 1.安装Python 进行Python开发,首先必须安装python,对于linux 或者Mac 用户,python已经预装. 在命令 ...

  9. 装B必备之 快捷键配置

    作为一个程序员 所有程序都用快捷来这是装B必备的无形装B 最为致命.... 开始搞起 第一步配置环境变量 在系统D盘新建一个文件夹  D:\cache; 然后把这个路径 配置上 D:\cache; 最 ...

  10. Postman安装与简单介绍

    Postman简介 Postman是一个 Chrome 扩展,能提供强大的 Web API HTTP 请求调试功能.Postman能够发送任何类型的http请求,支持GET/PUT/POST/DELE ...