【Python自学笔记】CSS-background(背景)
文章目录
background的属性
-
background-attachment:fixed
固定的背景图像;默认值是是:scroll
;更多参数 - background-repeat:平铺方式`可以设置背景图片的平铺方式:
-
repeat-x
:在x轴进行平铺; -
repeat-y
:在y轴进行平铺; -
no-repeat
:只平铺一次; -
repeat
:缺省值,平铺所有。
-
-
background-position:水平位置 垂直位置
:设置背景图像的起始位置;- 水平方向:
left center right
; - 垂直方向:
top center bottom
; - left top:缺省值,左上;
- left center:左边的中间位置;
- left bottom:左边的底部;
- 以此类推:一共有 9 种情况。
- 注意:position还可以设置为具体的数值(且可以为负值),例如:
background-position:10px 20px;
- 水平方向:
-
position 和 color
可以同时设置,且position在color上面 -
background
属性合在一起设置;- 例如:
background:ur;(images/bg.jpg) -20px 10px no-repeat gold;
- 可以只写一部分值,background会自动判断识别;
- 属性顺序可以改变。
- 例如:
- 在实际开发中我们可以使用Chrome浏览器的开发工具来辅助调整背景