博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
background-clip&background-origin
阅读量:6289 次
发布时间:2019-06-22

本文共 501 字,大约阅读时间需要 1 分钟。

background-clip: border-box|padding-box|content-box;
描述
border-box 背景被裁剪到边框盒。
padding-box 背景被裁剪到内边距框。
content-box 背景被裁剪到内容框。
background-origin: padding-box|border-box|content-box;
描述
padding-box 背景图像相对于内边距框来定位。
border-box 背景图像相对于边框盒来定位。
content-box 背景图像相对于内容框来定位。

在线测试background-origin:

http://www.w3school.com.cn/tiy/c.asp?f=css_background-origin

 

在线测试background-clip:

 http://www.w3school.com.cn/tiy/t.asp?f=css3_background-clip

 

 

(慕课网:十天精通css3中内容)

 

 

 

 

 

转载于:https://www.cnblogs.com/cct7860/p/5801650.html

你可能感兴趣的文章
中间件
查看>>
Android SharedPreferences
查看>>
css面试题
查看>>
Vue组建通信
查看>>
用CSS画一个带阴影的三角形
查看>>
前端Vue:函数式组件
查看>>
程鑫峰:1.26特朗.普力挺美元力挽狂澜,伦敦金行情分析
查看>>
safari下video标签无法播放视频的问题
查看>>
01 iOS中UISearchBar 如何更改背景颜色,如何去掉两条黑线
查看>>
对象的继承及对象相关内容探究
查看>>
Spring: IOC容器的实现
查看>>
Serverless五大优势,成本和规模不是最重要的,这点才是
查看>>
Nginx 极简入门教程!
查看>>
iOS BLE 开发小记[4] 如何实现 CoreBluetooth 后台运行模式
查看>>
Item 23 不要在代码中使用新的原生态类型(raw type)
查看>>
为网页添加留言功能
查看>>
JavaScript—数组(17)
查看>>
Android 密钥保护和 C/S 网络传输安全理论指南
查看>>
以太坊ERC20代币合约优化版
查看>>
Why I Began
查看>>