• 技术文章 >web前端 >css教程

    浅析CSS中background背景的用法

    不言不言2018-07-28 11:05:25原创833
    这篇文章给大家介绍的文章内容是关于浅析CSS中background背景的用法,有很好的参考价值,希望可以帮助到有需要的朋友。

    定义和用法

    基本属性:color, image, position, repeat

    背景颜色 background-color

    值为颜色值或transparent二者选其一,默认值是transparent(透明)。

    背景图像 background-image

    指定显示的背景图片,用url()设置路径。

    背景重复 background-repeat

    指定背景图像如何重复的,默认值是repeat(一直重复,直到整个元素的背景被填充)

    描述
    no-repeat不重复
    repeat垂直和水平都重复
    repeat-xX轴方向(水平)重复
    repeat-yY轴方向(垂直)重复

    背景位置 background-position

    指定定位背景图片的位置,原点为左上角(0,0)。

    额外属性

    背景滚动 background-attachment

    指定当内容滚动时背景如何滚动。

    描述
    scroll默认值。滚动,背景图随着页面的滚动而移动。
    fixed固定,当页面的其余部分滚动时,背景图像不会移动。

    相关推荐:

    css中border-sizing属性的用法

    以上就是浅析CSS中background背景的用法的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:css background
    上一篇:css中border-sizing属性的用法 下一篇:如何使用CSS和D3实现无尽六边形空间的效果
    20期PHP线上班

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• 聊聊怎么巧用CSS给普通黑色二维码添上彩色渐变!• 利用纯CSS如何在滚动时自动添加头部阴影• 什么是BFC?深入了解BFC,聊聊作用• CSS3动画实战之:超酷炫的粘性气泡效果• 纯CSS3怎么实现波浪效果?(代码示例)
    1/1

    PHP中文网