[分享]css中怎么定位图片

CSS是网页设计中不可缺少的一部分，它可以用来控制页面的布局、颜色和字体等各种样式。当然，CSS也可以用来定位图片。使用CSS定位图片需要用到两个属性：和background。其中，用来指定图片的定位...

CSS是网页设计中不可缺少的一部分，它可以用来控制页面的布局、颜色和字体等各种样式。当然，CSS也可以用来定位图片。
使用CSS定位图片需要用到两个属性：position和background。其中，position用来指定图片的定位方式，而background则用来指定图片的地址。
下面是一个例子：

p{
position:relative;
background:url("image.jpg") no-repeat;
} 

这段代码的意思是将p标签中的文本向下移动一定的距离，然后将一张名为image.jpg的图片作为背景填充到p标签中。其中，no-repeat表示不重复显示图片，如果需要重复，则可以使用repeat或repeat-x等值来设置。
当然，我们也可以采用其他的图片定位方式。比如：

p{
position:absolute;
top:100px;
left:50px;
background:url("image.jpg") no-repeat;
} 

这段代码的意思是将图片的定位方式设为绝对定位，然后将图片向下移动100像素，向左移动50像素，最后将图片以不重复方式填充到p标签的背景中。
总之，CSS提供了多种定位图片的方式，只要掌握了这些技巧，就可以轻松地实现美观的效果。