设置背景图片及相关属性 |
您所在的位置:网站首页 › background-position属性用于设置背景图像 › 设置背景图片及相关属性 |
设置背景图片: 在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 |