码迷,mamicode.com
首页 > Web开发 > 详细

css背景属性

时间:2018-05-01 20:44:55      阅读:184      评论:0      收藏:0      [点我收藏+]

标签:颜色   no-repeat   参数   高度   垂直   大小   文字   上下   宽度   

1. background-repeat表示背景是否平铺{no-repeat不平铺/repeat-x从水平方向平铺/repeat-y从垂直方向平铺 默认值平铺}
2. background-size表示背景图的大小{宽度 高度}
3. background-position表示背景图的位置{垂直距离 水平距离}
4. background-attachment表示背景关联{fixed}长内容背景固定不随文字上下动
5. background-clip背景剪裁{padding-box在内边距以内显示/border-box在边框以内显示/content-box在内容盒中显示}
6. background:linear-gradient(第一个参数表示渐变色方向,第二个参数表示渐变开始的颜色,可以加好几个颜色(过渡的颜色)...最后一个参数表示结束的颜色)表示背景渐变色
7. background:repeat-linear-gradient(第一个参数表示线性渐变的方向,第二个参数表示第一个颜色以及开始位置,第三个参数表示第一个颜色以及结束位置,颜色...倒数第二个参数表示最后一个颜色以及起始位置,最后一个参数表示最后一个颜色以及结束位置)表示背景线性渐变
8. background:radial-linear-gradient(circle,颜色)表示从圆心开始向外呈现同心圆渐变
9. background-origin{content-box从内容框开始/border-box从边框开始/padding-box表示从内边距框开始}表示背景图片或者背景色的起始位置,当属性background-attachment为fixed时无效

css背景属性

标签:颜色   no-repeat   参数   高度   垂直   大小   文字   上下   宽度   

原文地址:https://www.cnblogs.com/cj-18/p/8976564.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!