上课笔记

本文深入探讨了CSS中的背景属性,包括颜色、图片、重复方式、固定与滚动以及定位。详细阐述了rgb颜色值、十六进制颜色表示法、背景图片URL、背景重复选项(no-repeat, repeat-x, repeat-y)、背景附件(fixed, scroll)和背景位置的设置。同时,讲解了背景尺寸的调整方法,如百分比和像素单位的使用,并展示了复合写法的示例。
摘要由CSDN通过智能技术生成

rgb(255,0,0)
红绿蓝色数字取值:0255;透明色01;
#000000:前两个0为红色 中间两个0为绿色 后面两个0为蓝色;
#000:最前为红色 中间为色 最后为蓝色
#f00=#ff0000

背景图片:
background-image: url(图片地址);

background-repeat: no-repeat repeat-x repeat-y;
重复显示:
no-repeat:不重复显示;
repat-x:在x轴上重复显示;
repat-y:在y轴上重复显示;

background-attachment: fixed;
fixed:背景固定; scorll:背景滚动;

background-position: 方位词;
方位词:(top,bottom,left,right,center)100%,50%,100px,50px
背景图片定位

background-size: 100% 100%;
第一个百分百是宽 第二个百分百是高
background-size: 400px 400px;
前一个是宽 后一个是高
图片大小/数值大小/百分比

复合写法:
background: url(img/2.jpg) no-repeat fixed center center/400px 711px;在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值