【Python自学笔记】CSS-background（背景）

文章目录

• 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浏览器的开发工具来辅助调整背景

雪碧图

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

• 参考文档

• 更多内容