DOCTYPE html>.img-total{cursor:pointer;//定义鼠标移入样式width:30px;//x轴终点height:30px;//y轴终点background-image:url(images/position.png);//图片位置background-size:120px 30px;//背景图片大小display:inline-block;}.img-home{background-position:0 0;//起点位置background-color:#23ccfe;}.i...
5.1 background-position:10px; // 背景图片水平方向与左边缘相距10px,垂直居中 5.2 background-position:10px 20px; // 背景图片水平方向与左边缘相距0px,垂直方向与顶部边缘相距20px 5.3 background-position:left 10px bottom 20px; // 背景图片水平方向与左边缘相距10px,垂直方向与底部边缘相距20px 6. b...
CSS属性 - background-image CSS属性 - background-repeat CSS属性 - background-size CSS属性 - background-position CSS Sprite CSS Sprite编写建议 练习 CSS属性 - background
一、 background背景元素 1. background-color背景颜色 可以简写 background;默认值是transparent。(透明) 不能继承 2. background-image背景图片 可以简写background url(“图像的url路径地址”)图像的URL; none表示背景上没有设置任何图像,这是默认值;
background-image属性允许你为HTML元素设置一个或多个背景图像。这些图像将显示在元素的背景区域中,并且可以与其他背景属性(如background-color、background-repeat、background-size等)结合使用。 2. 设置background-image的位置 要通过CSS设置background-image的位置,你可以使用background-position属性。该属性允许你指定...
position 方位 :设置的是 x 坐标的方位 和 y 坐标的方位 , 二者使用空格隔开 ; 左上右下 :top , bottom , left , right ; 中间:center 2、注意事项 background-position 属性值使用注意事项 : 设置背景图片 :设置 background-position 属性值 之前 需要先设置 background-image 背景图片属性 ; ...
CSS2 中有5个主要的背景(background)属性,它们是: * background-color: 指定填充背景的颜色。 * background-image: 引用图片作为背景。 * background-position: 指定元素背景图片的位置。 * background-repeat: 决定是否重复背景图片。 * background-attachment: 决定背景图是否随页面滚动。
background-image:url('img_tree.png'); background-repeat:no-repeat; background-position:right top; } 尝试一下 » 背景- 简写属性 在以上实例中我们可以看到页面的背景颜色通过了很多的属性来控制。 为了简化这些属性的代码,我们可以将这些属性合并在同一个属性中. ...
CSS2 中有5个主要的背景(background)属性,它们是: * padding: 5px 0px;">* background-image: 引用图片作为背景。 * background-position: 指定元素背景图片的位置。 * background-repeat: 决定是否重复背景图片。 * background-attachment: 决定背景图是否随页面滚动。