zoukankan      html  css  js  c++  java
  • 背景样式

    1.背景色:background-color

    background-color:背景颜色属性,就像颜色属性背景颜色指定的是背景颜色。
    5种定义颜色的方法:
    Property Value            Description
    Color:<color keyword>     设置颜色为给定的值
    Color:#rrggbb             用HTML的16位进制来表示
    Color:rgb(rrr,ggg,bbb)    制定RGB三种颜色的数值(0-255)
    Color:rgb(rrr%,ggg%,bbb%) 通过RGB三种颜色的百分比指定
    Color:inherit             继承父值

    2.背景图片:background-image

    在Css中,你可以对任何元素指定背景图片,规则如下:
       Property               Value
    background-image: url("<location>")
    background-image: none
    background-image: inherit

    3.背景重复:
    你可以对背景显示的方式进行微调,通过background-repeat属性,你可以指定背景的重复方式。
    下面的规则是在说背景图片不允许重复:
    .body
    {
     background-image: url(Images/title.jpg);
     background-repeat:no-repeat;
    }
    如果不指定background-repeat:no-repeat,默认情况下是允许重复的。

    下面是不同的选择规则:
                Property  Value
     background-repeat:  repeat
     background-repeat:  repeat-x
     background-repeat:  repeat-y
     background-repeat:  no-repeat
     background-repeat:  inherit

    4.背景附着:background-attachment

    这个background-attachment属性可以控制背景是否随网页滚动。
    以下为几个常见值:
             Property     Value
    background-attachment:scroll;
    background-attachment:fixed;
    background-attachment:inherit;

    5.背景定位:background-position

    背景定位属性用来指定背景图片在网页的展示位置。比如:
    body
    {
    background-image: url(Images/title.jpg);
    background-position: 10% 10%;
    }
    规则很简单
                Property  Value                     Notes
    background-position: <x><y>                   用具体数值或者百分比指定
    background-position: [top \center\ bottom]    用关键字定位
                                    [left \ center\ right]  

  • 相关阅读:
    Qt之等待提示框(QTimer)
    Qt之等待提示框(QPropertyAnimation)
    FormatUtil类型格式转换
    FirstLetterUtil
    文件上传下载
    file相关的操作,(md5,word转html,复制,删除等)
    SessionListener失败,退出
    JackJson的一些方法
    全局常量
    session用户账号认证(一个用户登陆,踢出前一个用户)
  • 原文地址:https://www.cnblogs.com/yuyu/p/1776458.html
Copyright © 2011-2022 走看看