css3背景图片相关
来源:互联网 发布:淘宝冷门类目有哪些 编辑:程序博客网 时间:2024/06/15 20:29
1、设置元素背景图片的原始起始位置
background-origin : border-box(从边框开始) | padding-box(从内边距开始默认)| content-box(从内容区开始);
注:背景不是no-repeat,这个属性无效,它会从边框开始显示。
2、用来将背景图片做适当的裁剪以适应实际需要。
background-clip : border-box(默认) | padding-box | content-box | no-clip
3、设置背景图片的大小
background-size: auto | <长度值> | <百分比> | cover | contain
auto:默认值,不改变背景图片的原始高度和宽度;
<长度值>:成对出现如200px 50px,将背景图片宽高依次设置为前面两个值,当设置一个值时,将其作为图片宽度值来等比缩放;
<百分比>:0%~100%之间的任何值,将背景图片宽高依次设置为所在元素宽高乘以前面百分比得出的数值,当设置一个值时同上;
cover:顾名思义为覆盖,即将背景图片等比缩放以填满整个容器;
contain:容纳,即将背景图片等比缩放至某一边紧贴容器边缘为止。
background-image:url1,url2,...,urlN;
阅读全文
0 0
- css3背景图片相关
- 背景图片自适应大小(css3)
- css3 背景图片 background-size
- CSS3 设置模糊背景图片
- css3渐变背景+背景图片
- CSS3背景图片尺寸属性
- 背景图片自适应大小(css3)
- CSS3.0背景图片
- css3 让背景图片拉伸填充
- CSS3设置多个背景图片
- css3背景图片无间断滚动
- CSS3设置背景图片的大小
- css3相关
- css3相关
- css 背景图片相关属性
- 背景图片及其相关属性
- css3实现点击切换背景图片,并且背景图片实现动画效果
- 背景图片拉伸效果(css3支持)
- 一个求两点之间最短距的帖子
- 手势密码(DFS)
- 1009 Product of Polynomials (25)
- 数据库索引的实现原理
- Alamofire的使用教程
- css3背景图片相关
- appium简明教程(6)——启动appium及android模拟器
- express+socket.io 共享session
- 修改用户头像
- ORACLE 11g的新特性,用户名密码错误延迟
- 最大流
- ARM NEON优化(一)——NEON简介及基本架构
- [iOS开发笔记 数据安全]对非对称加密理解
- MFC 打开目录窗口