背景颜色
background-color
属性值
默认值:transparent
十六进制
RGB
预定义颜色
背景图片
background-image
属性值
url(图片路径)
默认值:none属性是background-repeat
背景平铺
属性值
repeat 默认值,横向纵向都平铺
no-repeat 背景不平铺
repeat-x 背景横向平铺
repeat-y 背景纵向平铺
背景图片滚动
属性是 background-attachment
属性值
scroll 随着屏幕滚动 默认值
fixed 不跟随屏幕滚动
背景的复合写法
属性background
属性值为 背景颜色 背景图片 背景平铺 背景图片滚动 背景图片的位置 推荐的写法顺序,但是不需要严格按照该顺序来书写。
实际开发中我们更推荐这种写法
背景颜色的半透明
属性:background:rgba(0,0,0,0.3);
rgba中的a是alpha的缩写,代表透明程度,取值范围是0~1
透明度的小数点之前的0可以去掉 可以写成.3
背景半透明不会影响盒子里面内容
背景缩放
属性 background-size
属性值
精确单位精确单位来控制,第一个是宽度,第二个值是高度
百分比单位
使用百分比单位来控制,第一个值是宽度,第二个值是高度,参照盒子的宽度和高度进行计算
cover
宽度和高度适配到覆盖整个盒子大小为止
contain
背景图片缩放到宽度或者高度任一一项到达盒子的宽或高度就停止缩放
css的三大特性分别是层叠性,继承性,优先级。
css的盒子模型,边框,内边框,外边框。
边框:属性名:border,border: border-width border-style border-color;
border-style的值
dotted:点线边框
dashed:虚线边框
solid:实线边框
|