要通过CSS设置background-image的位置,你可以使用background-position属性。该属性允许你指定背景图像在元素背景区域中的起始位置。 3. 使用方法 使用关键字 你可以使用一系列关键字来设置background-position,包括top、bottom、left、right和center。这些关键字可以单独使用,也可以组合使用来精确定位图像。 top left:将图...
默认情况下，background-image放置在元素的左上角，并重复垂直和水平方向。transparent 值 尽管在大多数情况下，没有必要使用 transparent。不过如果您不希望某元素拥有背景色，同时又不希望用户对浏览器的颜色设置影响到您的设计，那么设置 transparent 值还是有必要的。body {background-color:yellow;}h1 {background-...
background-image: url("图片地址"); 3.背景图片的显示方式 background-repeat: repeat; repeat 背景图像将在垂直方向和水平方向重复 默认值,no-repeat 背景图像将仅显示一次 repeat-x 背景图像将在水平方向重复,repeat-y 背景图像将在垂直方向重复 4.图片的起始位置 background-position: top 10px left 10px; ...
当值为border-box时,背景图片的位置根据边框区域定位,为padding-box时其位置根据边距区域定位,为content-box时其位置根据内容区域定位。 .left { background-origin: border-box; background-size: 50%; background-image: url('ire.png'); background-repeat: no-repeat; ...
background-image:把图像设置为背景。 background-position:设置背景图像的起始位置。属性可以是百分比:%;单位:px;也可以是left/right/center/bottom/top这几个属性值可以两两组合使用,如果只规定了一个关键词,那么第二个值将时"center"。 center--居中。
background-position: length | percent | top | center | bottom | left | right 其中部分属性值的含义如下所述: top: 背景图片的初始位置为元素顶部 center: 背景图片的起始位置为元素中部 left: 背景图片的起始位置为元素左侧 right: 背景图片的起始位置为元素右侧 ...
repeat-y只有垂直位置会重复背景图像 no-repeatbackground-image不会重复,不平铺 inherit 指定background-repea属性设置应该从父元素继承 4.background-position背景定位 background-position属性设置背景图像的起始位置 xpos ypos第一个值是水平位置,第二个值是垂直。左上角是0。单位可以是长度px,关键字和百分数值 ...