• CSS+DIV之强化background属性


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

      示例写法:body {background-color:red;}

      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;}

  • 相关阅读:
    继续搞我的linux
    MySQL 开始
    我的小程序终于完工
    列表页 编辑页 删除页
    开发 记账小程序研发
    vue使用饿了么element-ui框架中的上传组件进度条无法使用,:on-progress钩子无法触发的原因
    移动端调试神器vConsole
    全栈高级web前端工程师的必经之路
    在vue中使用elementUI饿了么框架使用el-tabs,切换Tab如何实现实时加载,以及el-table表格使用总结
    GitBook的使用方式,快速创建网页文档
  • 原文地址:https://www.cnblogs.com/chuncn/p/1263586.html
Copyright © 2020-2023  润新知