前端技术前沿5

迈不过友情╰ 2021-09-19 12:24 334阅读 0赞

CSS3 背景  
CSS3 包含多个新的背景属性，它们提供了对背景更强大的控制。

background-size  
background-origin

调整背景图片的大小：

div
    {
    background:url(bg_flower.gif);
    -moz-background-size:63px 100px; /* 老版本的 Firefox */
    background-size:63px 100px;
    background-repeat:no-repeat;
    }

对背景图片进行拉伸，使其完成填充内容区域：

div
    {
    background:url(bg_flower.gif);
    -moz-background-size:40% 100%; /* 老版本的 Firefox */
    background-size:40% 100%;
    background-repeat:no-repeat;
    }

CSS3 background-origin 属性  
background-origin 属性规定背景图片的定位区域。

背景图片可以放置于 content-box、padding-box 或 border-box 区域。

![背景图片的定位区域][strip]

在 content-box 中定位背景图片：

div
    {
    background:url(bg_flower.gif);
    background-repeat:no-repeat;
    background-size:100% 100%;
    -webkit-background-origin:content-box; /* Safari */
    background-origin:content-box;
    }

--------------------

## 请点赞！因为你的鼓励是我写作的最大动力！ ##

![官方微信公众号][1240]

吹逼交流群：**711613774**

![吹逼交流群][1240 1]

[strip]: /images/20210724/397f0d08939f4c28846ffdc991efc820.png
[1240]: /images/20210724/f2d1f4ca8c004525bde743078e3d80df.png
[1240 1]: /images/20210724/0dfcdb44f7594e4fa797f8ffd5cc6747.png

发表评论取消回复

表情：

评论列表（有 0 条评论，334人围观）

还没有评论，来说两句吧...

相关阅读

相关前端技术前沿10

允许用户从NPM服务器下载别人编写的第三方包到本地使用。允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。允许用户将自己编写的包或命令行程序上传到NP

水深无声/ 2021年09月19日 14:54/ 0 赞/ 397 阅读

相关前端技术前沿9

![image.png][] ![image.png][image.png 1] ![image.png][image.png 2] Node.js使用Module模块去

刺骨的言语ヽ痛彻心扉/ 2021年09月19日 14:16/ 0 赞/ 350 阅读

相关前端技术前沿8

实现倒计时(天数、时、分、秒) parseInt() 函数可解析一个字符串，并返回一个整数。 <body onload="leftTimer()">

偏执的太偏执、/ 2021年09月19日 13:38/ 0 赞/ 401 阅读

相关前端技术前沿7

//加载一个http模块 var http = require('http'); //creatServer来创建WEB服务器名为s

落日映苍穹つ/ 2021年09月19日 13:36/ 0 赞/ 363 阅读

相关前端技术前沿6

数据缓存setStorageSync和getStorage //获取输入值 getInput: function(e) { var sel

不念不忘少年蓝@/ 2021年09月19日 13:06/ 0 赞/ 370 阅读

相关前端技术前沿5

CSS3 背景 CSS3 包含多个新的背景属性，它们提供了对背景更强大的控制。 background-size background-origin 调整背景图片的大

迈不过友情╰/ 2021年09月19日 12:24/ 0 赞/ 335 阅读

相关前端技术前沿4

1：WeUI 小程序–使用教程 [https://weui.io/][https_weui.io] 2：美团小程序框架mpvue Github：[https://git

我就是我/ 2021年09月19日 12:16/ 0 赞/ 348 阅读

相关前端技术前沿3

wepy框架全局安装wepy： npm i -g wepy-cli 初始化项目： wepy init standard myproject 切换到项目目录： cd my

今天药忘吃喽~/ 2021年09月19日 12:16/ 0 赞/ 294 阅读

相关前端技术前沿2

wx.showToast({ title: '成功', icon: 'success', duration: 2000 })

一时失言乱红尘/ 2021年09月19日 12:02/ 0 赞/ 357 阅读

相关前端技术前沿1

git branch -a 查看本地和远程的所有分支（）查看本地分支 git branch 查看远程分支 git branch -r WePY组件使用 com

向右看齐/ 2021年09月19日 12:00/ 0 赞/ 342 阅读