DEMO一、background-size:auto; 我来看第一个DEMO,在前面的DEMO上加上和个class名为"backgroundSizeAuto",在这个Demo上我们应用上前面所示的背景,并把background-size取值为auto, .backgroundSizeAuto{-moz-background-size:auto;-webkit-background-size:auto;-o-background-size:auto;background-size:auto;} ...
我来看第一个DEMO,在前面的DEMO上加上和个class名为"backgroundSizeAuto",在这个Demo上我们应用上前面所示的背景,并把background-size取值为auto, .backgroundSizeAuto{-moz-background-size:auto;-webkit-background-size:auto;-o-background-size:auto;background-size:auto;} 效果: 效果中明显得知,这张背景图...
我来看第一个DEMO,在前面的DEMO上加上和个class名为"backgroundSizeAuto",在这个Demo上我们应用上前面所示的背景,并把background-size取值为auto, .backgroundSizeAuto { -moz-background-size: auto; -webkit-background-size: auto; -o-background-size: auto; background-size: auto; } 效果: 效果中明显...
<divclass="mask"></div><formclass="m-login"><h2>立即注册</h2></form><style>*{margin:0;padding:0;border:none;box-sizing:border-box;}html,body{height:100%;}.mask{height:100%;background:url(https://study.miaov.com/img/pc/remote_chapter/bannerBg.png)no-repeat center;background-size...
DOCTYPE html><htmllang="zh-cn"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width, initial-scale=1.0"><metahttp-equiv="X-UA-Compatible"content="ie=edge"><title>Document</title><style>svg{width:200px;height:200px;margin:50px;float:left;}</style></head><body...
background-size: 80px 80px; background-repeat: round no-repeat; } .d { background-size: 80px 80px; background-repeat: repeat-x repeat-y; }</style></head><body><divclass="b universal"></div><divclass="c universal"></div><divclass="d universal"></div></body></html> ...
参见background-size background-position : 设置或检索对象的背景图像位置。 CSS3手册中有如下介绍: 代码语言:javascript 复制 CSS3中在容器的多层背景,各子属性与逗号来分隔值,如果指定的值,如下: background-p_w_picpath: w1, w2, w3,…, wM background-repeat: x1, x2, x3,…, xR background-size:...
CSS3 background-size 属性 实例 指定背景图像的大小: [mycode3 type='css'] div { background:url(img_flwr.gif); background-size:80px 60px; background-repeat:no-repeat; } [/mycode3] 尝试一下 » 在此页底部有更多的例子。 浏览器支持 ..
1、background-size取固定值 CSS代码: 1 2 3 4 5 6 7 8 .div1{ ... -moz-background-size:200px100px; ...
代码请戳这里:https://codepen.io/rynxiao/pen/opXLaO background-size 指定了背景图片的尺寸,可取属性有如下几个: 一个固定的值:contain/cover/auto 一个固定值auto,一个具体数值 两个具体的数值 图片自身属性: 位图:例如jpeg,一般具有自身尺寸和自身比例 ...