分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 软件开发

css3背景

发布时间:2023-09-06 02:34责任编辑:顾先生关键词:暂无标签

  background-image:添加背景图片

#example1 { ????background-image: url(img_flwr.gif), url(paper.gif);     //路径,背景图可以是多个 ???background-position: right bottom, left top;           //背景图的定位 ???background-repeat: no-repeat, repeat;               //是否重复}

  background-size:背景图的大小

  • length:设置背景图片高度和宽度。第一个值设置宽度,第二个值设置的高度。如果只给出一个值,第二个是设置为 auto(自动)
  • percentage:将计算相对于背景定位区域的百分比。第一个值设置宽度,第二个值设置的高度。如果只给出一个值,第二个是设置为"auto(自动)"
  • cover:此时会保持图像的纵横比并将图像缩放成将完全覆盖背景定位区域的最小大小
    • 填充满
  • contain:此时会保持图像的纵横比并将图像缩放成将适合背景定位区域的最大大小
    • 等比缩放

  background-Origin:指定了背景图像的位置区域

  

css3背景

原文地址:https://www.cnblogs.com/zyfeng/p/10482358.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved