前端技术前沿5
2023-09-11 14:16:52 时间
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 区域。
在 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;
}
请点赞!因为你的鼓励是我写作的最大动力!
吹逼交流群:711613774
相关文章
- 中间件技术及双十一实践·服务框架篇
- 前端技术学习线路
- 【华为云技术分享】【一统江湖的大前端(9)】TensorFlow.js 开箱即用的深度学习工具
- 【华为云技术分享】如何度量前端项目研发效率与质量(上)
- 前端技术
- (Java实现) 洛谷 P1319 压缩技术
- 我的博客即将入驻“云栖社区”,诚邀技术同仁一同入驻。
- 关于前端技术、经验、团队、流程的总结
- 前端技术的发展和趋势
- SPSS分析技术:二阶聚类分析;为什么出现大学生“裸贷”业务,因为放贷者知道贷款者还不起
- HBase与时空索引技术
- 倾斜摄影技术的未来
- SAP产品和3D渲染技术的结合-使用JavaScript的开源3D渲染库实现
- Atitit 前端技术体系 目录 1. 基础系列2 1.1. NUI CLI GUI2 1.2. MVC WEBFORM PAGE模式 stage模式2 2. 技术应用系列2 2.
- XAI之GS:全局代理(Global Surrogate,对黑盒机器学习执行模型可解释性的技术)的简介、常用工具包、案例应用之详细攻略
- IT:前端进阶技术路线图(初级→中级→高级)之初级(研发工具/HTML/CSS/JS/浏览器)/中级(研发链路/工程化/库/框架/性能优化/工作原理)/高级(搭建/中后台/体验管理等)之详细攻略
- 【华为云技术分享】一文带你了解Web前端发展历程
- 技术探秘:华为云瑶光何以定方向
- 华为全栈AI技术干货深度解析,解锁企业AI开发“秘籍”
- 【华为云技术分享】三大前端技术(React,Vue,Angular)探密(上)
- 技术分享 | Jenkins job 机制该如何使用?
- 语音合成技术概述
- [SSD核心技术:FTL 11] 固态硬盘Read 技术详解