【Python自学笔记】CSS-background(背景)


background的属性

【Python自学笔记】CSS-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浏览器的开发工具来辅助调整背景

雪碧图

  • 什么是雪碧图[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-OqTYeyXq-1585829971750)(https://i.loli.net/2020/04/02/No5zT7kC3uPnUMQ.png)]

  • 参考文档

  • 更多内容