CSS背景的相关属性
来源:互联网 发布:宁波淘宝网店培训 编辑:程序博客网 时间:2024/06/06 08:34
背景的属性:
- background-color :设置背景颜色
#div1{ background-color:red; }
- background-image:设置背景图片
#div1{ background-image:url(img/bg_1.png); }
- background-size:设置背景图片的尺寸
- cover(覆盖):图片等比例缩放,直到最小部分填满容器有可能会出现图片显示不全的效果
- contain(包含):图片等比例缩放,直到最大部分填满容器有可能会出现图片覆盖不完整的效果
- length:设置背景图像的高度和宽度。第一个值设置宽度,第二个值设置高度。如果只设置一个值,则第二个值会被设置为 “auto”
#div1{ background:url(img/bg_1.png) no-repeat; background-size:100% 100%; }
- background-repeat:规定背景图片按什么方式重复排列
- repeat 默认。背景图像将在垂直方向和水平方向重复。
- repeat-x 背景图像将在水平方向重复。
- repeat-y 背景图像将在垂直方向重复。
- no-repeat 背景图像将仅显示一次。
- background-position:设置背景图像的起始位置(偏移量)
- top left
- top center
- top right
- center left
- center center
- center right
- bottom left
- bottom center
- bottom right
- 当只指定x或y中的一个方向时,另一个方向默认是居中效果
- 也可以是x% y% 或两个长度数值形式
- background-origin:图片开始位置(相对于什么位置来定位)
- border-box:从外边框处开始
- padding-box:从内边距处开始
- content-box:从内容处开始
- background-clip:背景图片的剪切开始位置
- border-box:从外边框处开始
- padding-box:从内边距处开始
- content-box:从内容处开始
阅读全文
0 0
- CSS背景的相关属性
- CSS边框和背景相关属性
- css样式字体相关属性及背景相关属性
- CSS新增的背景属性
- CSS - 05 背景,文本相关属性,内边距,外边距
- css的背景及背景图片的属性
- CSS中的一些背景相关的学习
- CSS的背景图像属性background
- CSS中背景的综合属性background
- CSS的边框和背景属性
- 关于css的背景和列表属性
- css 背景属性background的使用方法
- 跟css背景有关的属性
- css3 背景相关的新增属性
- 背景,尺寸及显示的相关属性
- CSS的相关新属性
- css背景属性 Background
- 9. CSS 背景属性
- Codeforces Round #426 (Div. 2) B. The Festive Evening
- bzoj P4870 [Shoi2017]组合数问题
- 从Aop代理的对象中获取源对象
- FMX从TCustomXXX继承控件的子控件,无法同时显示的问题
- ssm之mybatis(动态sql)
- CSS背景的相关属性
- ios之第一个图形化界面
- Linux---lnmp之nginx
- python2和pyhton3区别
- Codeforces Round #426 (Div. 2) A B C
- DB2 学习笔记 ——数据库管理
- NOIP2016day2t2 蚯蚓
- Codeforces Round #426 (Div. 2)The Meaningless Game(思维+二分)
- 问题总结