背景属性



background-color:背景颜色

background-image:背景图片

background-repeat:背景重复方式设置值 repeat-x(按x轴方向重复) repeat-y(按y轴方向重复) repeat(x,y轴方向都重复 默认状态为repeat)

background-position:背景位置设置值
                    水平方向:left center right
                    垂直方向:top center bottom
                    100px(距离左边缘100px) 400px(距离上边缘400px);
                    背景定位如果设置像素值的话,一般水平和垂直方向要同时设置,否则会发生偏移。
                    如果某一方向不动,则设置为0px。
background-attachment:固定或滚动背景设置值 fixed(内容滚动 背景锁定 不滚动) scroll(默认样式 背景同内容一起滚动)

合并设置背景样式 例如{background:#00cc00 url(logo.jpg) norepeat bottom right}

div标签的宽高应该不小于背景图片的宽高 否则背景图片显示不完全 即背景图片不会使div标签自动撑开
但是当div标签里面嵌套的子层或其他内容宽高大于父层宽高时,父层会根据子层的宽高自动撑开


背景只是起到显示的作用,不会影响其他元素的宽高和正常显示

背景图片和背景颜色同时定义时,优先应用背景图片,再应用背景颜色

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值