18910140161

HTML学习笔记9——CSS精准控制背景图片位置——背景-位置

顺晟科技

2022-09-15 20:32:48

219

1.background-position 还可以进一步定义 x,y 方向的靠左、靠右,居中等。

  background-position:center top;            图片靠中上;

  background-position:right bottom;         图片靠右下;

2.多个div使用同一个背景图片时,可通过对  background-position的移动显示出想要的部分。

  方向:

    

例子后续再列,因为我要加快速度啦~

3.如何将背景的众多属性写在一起?按以下顺序写即可:

  background:color image位置 repeat属性 attachment(可省) position ;

   例: background:gray url(bg.png) no-repeat -150px -530px;

 

相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航