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


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;

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM