背景、边框、边距相关属性

背景、边框、边距相关属性

1、背景的一系诶属性

background:设置对象的背景样式,这是一个符合的属性,里面还有一堆。
1、background-color,设置背景颜色,但是如果同时设置了背景色和背景图片,则背景色将会被覆盖。
2、background-image,设置背景图片,需要使用url()函数指定图片的位置
3、background-repeat,图片是否平铺,一般都是no-repeat,平铺太丑了
4、background-attachment,设置背景图片是否随着滚动条滚动,scroll,会滚动,fixed表示不会滚
5、background-position,设置背景图片的位置,雪碧图会用上
6、background-size,css3新增的,设置背景图的大小

2、边框的一些属性

border:这是个复合属性,里面也有一堆
1、border-color,设置边框的颜色,上、右、下、左的顺序(顺时针),如果只设一个,代表四个方向都是这一个颜色;如果只设两个,表示上下是一个颜色,左右是另一个颜色;如果设三个,表示,上下是两种不同的颜色,左右是一种颜色。
2、border-style,设置边框的线形,也是有顺时针四个方向
3、border-width,设置边框的宽度,也是有顺时针四个方向
我一般这么写:
在这里插入图片描述
4、border-radius,css3新增的圆角边框,指定圆角边框的半径,半径越大,圆角的程度就越大。如果指定一个长度,4个圆角都适用这个长度做半径;指定两个长度,一个是左上角和右下角的半径,另一个是右上角和左下角的半径,跟上面类似。

3、opacity控制透明度

css3新增的属性,
opacity:0,表示完全透明
opacity:1,表示完全不透明
一旦设置了这个属性,不管是背景色、边框都会受到影响。

4、padding和margin相关属性

padding,复合属性,有top,left,bottom,right,设置内边距
margin,复合属性,有top,left,bottom,right,设置外边距

猜你喜欢

转载自blog.csdn.net/Cheny_Yang/article/details/83720324