CSS.6图像

本文介绍了CSS中如何设置背景图像及其重复方式、定位方法,并探讨了背景渐变的使用技巧。

图像


背景图像

background-image

允许你在任何HTML元素之后放置图像


重复图像

background-repeat

background-attachment

background-repeat属性可选用以下四个值中的一个:

                                                                                  repeat

                                                                                  背景图像在水平方向和垂直方向进行重复

                                                                                  repeat-x

                                                                                   背景图像只在水平方向进行重复

                                                                                  repeat-y

                                                                                 背景图像只在垂直方向进行重复

                                                                                  no-repeat

                                                                                  背景图像只显示一次

background-attachment属性可选用以下两个值中的一个:

                                                                                         fixed

                                                                                         背景图像固定在页面中的一个位置

                                                                                         scroll

                                                                                         背景图像图像随用户上下滚动页面而上下                                                                                                                                                             滚动


 

背景图像定位

backgroud-position:指定背景图像在浏览器窗口的位置

left top

left center

left bottom

center top

center center

center bottom

right top

right center

right bottom


简写

background

 

渐变

background-image

 

转载于:https://www.cnblogs.com/H97042/p/8898222.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值