博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
html5——背景
阅读量:5104 次
发布时间:2019-06-13

本文共 622 字,大约阅读时间需要 2 分钟。

背景大小

background-size: 50% 50%;//宽 高background-size: 100px 100px;//宽 高background-size: cover;//覆盖,图片会完全覆盖盒子,有可能显示不完整,缩放是等比例的background-size: contain;//包含,背景图片会完全等比例,显示盒子中,有可能不会铺满盒子

背景裁剪

background-origin: border-box;//设置背景原点为border-boxbackground-clip:content-box;//只显示content区域

backgrond-clip:1、border-box    2、padding-box(默认padding)    3、content-box

多背景图片

background: url(images/bg1.png) no-repeat left top,url(images/bg2.png) no-repeat right top,url(images/bg4.png) no-repeat left bottom,url(images/bg3.png) no-repeat right bottom,url(images/bg5.png) no-repeat center center;

 

转载于:https://www.cnblogs.com/wuqiuxue/p/8064350.html

你可能感兴趣的文章
C# 串口操作系列(3) -- 协议篇,二进制协议数据解析(转)
查看>>
EasyUI实现图片的上传后与其他文本框的提交以及DataGrid中图片的展示
查看>>
fri
查看>>
最先进的开源游戏引擎KlayGE 4.4发布
查看>>
准备翻译Windows 8 动手实验系列教程
查看>>
不启动桌面系统运行qt程序
查看>>
[双硬盘GPT分区安装linux] ----安装
查看>>
Funny Car Racing CSU - 1333 (spfa)
查看>>
c++ 类的默认八种函数
查看>>
[ kvm ] 学习笔记 1:Linux 操作系统及虚拟化
查看>>
zfs mount
查看>>
easyui之combobox(不定时补充)
查看>>
hdu 3487 Play with Chain (Splay Tree easy)
查看>>
Oracle unable to extend temp segment by 128 in tablespace TEMP
查看>>
android.graphics.Bitmap.Config<ALPHA_8, ARGB_4444,ARGB_8888,RGB_565>
查看>>
使用Spring Cloud Feign作为HTTP客户端调用远程HTTP服务
查看>>
第 17 章 Native SQL查询
查看>>
js与jquery异同
查看>>
jquery笔记(效果)
查看>>
windows.h
查看>>