css中的背景、边框、补丁相关属性

css中的背景、边框、补丁相关属性

关于背景涉及到背景颜色与背景图片

　　背景颜色background-color即可设定；

　　背景图片background-image即可设定；

但是背景图片还涉及到其他的一些内容：

　　background-attachment：用于设定背景图片是滚动的还是固定的，可以设定为scroll和fixed两种；

　　background-position：用于设定背景图片的位置，可以设定为实际值，也可设定为百分比；

　　background-repeat用于设定背景图片是否平铺，可以是纵向的也可以是横向的；

css3新增的背景属性：

　　background-clip：用于设定背景图片的覆盖范围，可以设定为no-clip，content-box，padding-box，border-box；

　　background-origin：用于设定背景图片从哪开始覆盖，可以设定为border，padding，content；

　　background-size：用于设定背景图片的大小可以设定为auto，百分比，具体值；

css3新增的多背景图片：

　　只需要在背景图片引用时多添加几个背景图片即可，但是在引用时必须的在之间加上逗号隔开，每个图片的属性在使用时也是对　　应的隔开即可；

 

边框相关属性：

　　1.可以设定border的粗细，线性，颜色，而且可以单独对每一个边框的粗细，线性，颜色进行设定，但是顺序有要求的，如果是 　　四个值，分别对应上、右、下、左。如果是俩值，第一个值是上下边框的，第二个值是左右边框，如果是三个值，第一个值是上　　边框的，第二个值是左右边框的，第三个是下边框的；　　

　　2.可以设定边框的线型，可以是none，dotted，dashed，solid；

　　3.可以设定边框的风格，可以是double，groove，ridge，inset，outset；

 

css3提供的渐变边框：

　　也就是对宽度足够的边框进行颜色设定，每一个px设定一种颜色，就形成了渐变的效果了，但是苦逼得是目前只有火狐可以用；

 

css3提供的圆角边框：

　　和边框设定一样，一个值就是每一个角都是这种半径，如果是两值，第一个值对应的是左上的和右下的，如果是四个值，分别按　　顺时针来对应每一个角；

 

css3提供的图片边框，没搞懂，再看看吧；

 

内外补丁的属性设定：

　　内补丁就是padding，可以设定上下左右每一个间隔，如果是一个值当然就是对应所有的间隔啦，如果是俩值，第一个是上下间　　隔，第二个是左右间隔的，如果是四个值，就按顺时针分别对应啦；

　　外补丁就是margin，和padding一样的，不在赘述；