设置背景图片及相关属性

您所在的位置:网站首页 background-position属性用于设置背景图像 设置背景图片及相关属性

设置背景图片及相关属性

2023-02-14 20:22| 来源: 网络整理| 查看: 265

设置背景图片:

在CSS可以通过background-image: url();设置背景图片

控制背景图片的平铺方式:

在CSS中可以通过background-repeat属性控制背景图片的平铺方式的

取值:

repeat 默认, 在水平和垂直都需要平铺

no-repeat 在水平和垂直都不需要平铺

repeat-x 只在水平方向平铺

repeat-y 只在垂直方向平铺

背景定位——控制背景图片的位置:

在CSS中有一个叫做background-position:属性, 就是专门用于控制背景图片的位置

格式:

background-position: 水平方向 垂直方向;

取值:

具体的方位名词

水平方向: left center right

垂直方向: top center bottom

具体的像素:

例如: background-position: 100px 200px;

记住一定要写单位, 也就是一定要写px

记住具体的像素是可以接收负数的

背景关联——背景关联方式:

默认情况下背景图片会随着滚动条的滚动而滚动, 如果不想让背景图片随着滚动条的滚动而滚动, 那么我们就可以修改背景图片和滚动条的关联方式

修改背景关联方式:

在CSS中有一个叫做background-attachment的属性, 这个属性就是专门用于修改关联方式的

格式

background-attachment:scroll;

取值:

scroll 默认值, 会随着滚动条的滚动而滚动

fixed 不会随着滚动条的滚动而滚动



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3