当前位置: 首页 > Web前端 > CSS

kkw学习css的过程,第三天,关于背景background

时间:2023-03-30 23:19:41 CSS

背景一般来说,我目前使用的是:background-color:background-image:url("")background-repeat:no-重复重复重复-x/y;background-position:topcenterleftrightbottom像素百分比;背景附件:滚动固定;默认是滚动,fixed是固定背景图。'这样一来,背景图就和内容滚动到了同一个位置,相当于定位固定了。一般会有简写形式:background:#ff0000url(/i/eg_bg_03.gif)no-repeatfixedcenter;颜色,背景图,是否重复,是否固定背景图的位置,我目前对背景属性的理解是这样的。每个元素都可以添加不同的背景。可以使用所有上述属性。以后还可以使用线性渐变来设置背景。使用渐变时,您实际上使用了background-image属性。例如:lineargradientbackground-image:linear-gradients(toright,#123456,#456789)circulargradientbackground-image:radial-gradients(90deg,#123456,#456789)在css3中,几个属性不断出现,background-size:background-origin:background-clip:1、background-size:背景图片的大小,100%或者cover是我目前常用的,覆盖整个内容区域。2.background-origin:背景图相对于contentbox的位置,content-box,padding-box,border-box3,background-clip:背景图的渲染区域:同上,三个选择值content-box,padding-box,border-box背景图片也可以设置多个background-image:url(),url()