标签:平铺 repeat color background 方向 背景图 CSS 属性
1. 属性值:
red,yellow,green,blue,white,gray,skyblue,purple,gold,brown,pink,yellowgreen,orange,
rgb取值范围:0~255;
background-color: rgb();
rgba:前三个值代表色值,第四值个是透明度(作用于背景颜色)
background-color: rgba(10,150,110,0.5);
16进制表示法:
background-color: #ccb;
2.background-image: url(1.jpg);背景图的平铺方式:
background-repeat: no-repeat;
no-repeat:不平铺
repeat-y:纵向平铺;
repeat-x:横向平铺;
repeat:默认纵向横向都平铺
3.设置背景是否固定
background-attachment: scroll;
scroll:默认背景图跟内容一起滚动;
auto:上下滚动
fixed:背景图不随内容的滚动而滚动
4.图片定位:background-position;
第一个值是x方向;第二个值是y方向
1.具体值;
2.百分比
3.水平方向:x方向,left,center,right;
4.垂直方向:y方向:top,middle,bottom.
background-position:
有两个参数,分别是水平方向移动的像素、竖直方向移动的像素,都用负数表示。
大图不动,div移动,也只能是向右、向下移动,只要记住这两个方向移动的像素都用负数表示就行了!
合着写:
background:color url() repeat position(定位) attachment(固定)
标签:平铺,repeat,color,background,方向,背景图,CSS,属性 来源: https://blog.csdn.net/weixin_43846130/article/details/95448035
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。