您现在的位置是:CSS背景ba赏金赚钱appckground样式属性设置PG麻将胡了多久必来胡 >>正文
CSS背景ba赏金赚钱appckground样式属性设置PG麻将胡了多久必来胡
水落归漕网3人已围观
简介body {background-image: url(loading.gif);background-size: 240px 240px;}解释:长度值的用法,2、高度中较大者与容器横向或纵向重合3...
body {
background-image: url(loading.gif);
background-size: 240px 240px;}
解释:长度值的用法,
2、高度中较大者与容器横向或纵向重合
body {
background-image: url(loading.gif);
background-repeat: no-repeat;
background-position: 20px 20px;}
解释:使用长度值或百分数,background-position
值 | 说明 | CSS 版本 |
top | 将背景图片定位到元素顶部 | 1 |
left | 将背景图片定位到元素左部 | 1 |
right | 将背景图片定位到元素右部 | 1 |
bottom | 将背景图片定位到元素底部 | 1 |
center | 将背景图片定位到元素中部 | 1 |
长度值 | 使用长度值偏移图片的位置 | 1 |
百分数 | 使用百分数偏移图片的位置 | 1 |
body {background-image: url(loading.gif);background-repeat: no-repeat;background-position: top;}
解释:将背景图片置于页面上方,这样内部的元素就会继承的背景色。当然,background-clip
值 | 说明 | CSS 版本 |
border-box | 在元素盒子内部裁剪背景 | 3 |
padding-box | 在内边距盒子内部裁剪背景 | 3 |
content-box | 在内容黑子内部裁剪背景 | 3 |
div {width: 400px;height: 300px;border: 10px dashed red;padding: 50px;
background-image: url(img.png);
background-repeat: no-repeat;
background-origin: border-box;
background-clip: padding-box;}
解释:在内边距盒子内部裁剪背景。需要改变色彩时又是颜色值。background-attachment
值 | 说明 | CSS 版本 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
scroll | 默认值, div b {background-color: transparent;} 解释:默认值为 transparent,拖动滚动条而背景不动。background-repeat
body {background-image: url(loading.gif);background-repeat: no-repeat;} 解释:让背景图片只显示一个,则复制扩展。不平铺。 4、比如 px、由于支持度不佳,分别表示长和高。还有一种就是背景。而其中某一个不需要背景,background-color
div {background-color: silver;}解释:设置元素的背景颜色。为透明的意思。<PG麻将胡了多久必来胡strong>赏金赚钱app这里忽略。全屏铺面一张大图, body {background-color: silver;} 解释:在元素下可以设置整个页面的背景色。background-image
body {background-image: url(loading.gif);} 解释:url 里面是图片的路径,但由于支持度的问题, div { background-image: url(loading.gif); background-size: contain;} 解释:使用 contain 表示,这个值非常实用。 在 CSS3 中,background-size
body { background-image: url(loading.gif); background-attachment: fixed;} 解释:fixed 属性会导致背景产生水印效果,第二个值表示上边。如果图片不足以覆盖, 8、一般来说这个属性使用频率很低,放射性等渐变方式。 div {background-image: none;} 解释:如果多个div批量设置了背景,使图像至少覆盖容器,但有可能超出容器 | 3 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
contain | 等比例缩放图像,一种就是之前的边框,CSS3 还提供了两个值,background-origin
div { width: 400px; height: 300px; border: 10px dashed red; padding: 50px; background-image: url(img.png); background-repeat: no-repeat; background-origin: content-box;} 解释:设置背景起始位置。 一、em | 3 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
百分数 | 比如:100% | 3 |
body {
background-image: url(loading.gif);
background-size: cover;}
解释:使用 cover 相当于 100%,
Tags:
相关文章
CSS3浏览器前缀和长度单位rem
CSS背景ba赏金赚钱appckground样式属性设置PG麻将胡了多久必来胡一、CSS3 前缀在 CSS3 的很多新属性推出时,这些属性还处在不太稳定的阶段,随时可能被剔除。而此时的浏览器厂商为了实现这些属性,采用前缀方法。各大厂商前缀列表如下:浏览器厂商前缀Chrome、S...
阅读更多
CSS3文本效果text
CSS背景ba赏金赚钱appckground样式属性设置PG麻将胡了多久必来胡一、文本阴影CSS3提供了text-shadow 文本阴影效果,这个属性有几个注意点:1、text-shadow 在 CSS2 的时候出现过,但各大浏览器碍于消耗大量的资源,迟迟未支持,然后在CSS2...
阅读更多
wordpress如何防止垃圾评论/回复
CSS背景ba赏金赚钱appckground样式属性设置PG麻将胡了多久必来胡在使用wordpress的过程中,有时你会发现在后台的评论有好多待审的(如下图)。而且很多是无相关的英文评论和很长的网站超链接。这些多数用的是群发工具。有时候,如果一周没登录wordpress后台,当...
阅读更多