本文主要介绍HTML5背景显示区域的实现。通过示例代码进行了非常详细的介绍，对大家的学习或者工作都有一定的参考价值。有需要的朋友下面跟边肖学习。
background-clip属性指定背景的绘图区域。
默认值：边框
继承：没有
版本：CSS3
语法：object . style . background clip=” content-box ”
背景剪辑：边框框|填充框|内容框；
边框背景被裁剪到边框上。试验
填充框背景被裁剪到内边距框。试验
内容框背景被裁剪到内容框。
！声明文档类型
超文本标记语言
头
meta charset=’utf-8 ‘
标题背景/标题的显示区域
style type=’text/css ‘
部门{
填充：50px/*将内边距设置为50px */
边框：50px实心rgba(255，153，0，0.6)；/*将边框宽度设为50px */
高度：100px
宽度：200px
颜色：# fff
字体大小：24px
字体粗细：粗体；
文-影：2px 0 1px #f00，
-2px 0 1px #f00，
0 2px 1px #f00，
0-2px 1px # f00；
背景-图像：url(./images/bridge . jpg)；/*设置背景图像*/
背景-位置：0 0；/*背景图像的起始位是原点*/
背景-重复：不重复；/*背景图像没有平铺*/
-WebKit-背景-原点：边框-盒子；/*原点从边界开始(webkit) */
-moz-背景-原点：边框-盒子；/*原点从边界开始(moz) */
背景-原点：边框-盒子；/*原点从边界开始*/
-WebKit-background-clip:border-box；/*背景从边框显示(webkit) */
-moz-背景-剪辑：边框-盒子；/*背景从边框开始显示(moz) */
背景剪辑：边框；/*背景从边框开始显示*/
}
/风格
身体
Div内容从此处开始/div
/body
/html
关于HTML5背景显示区域实现的这篇文章到此为止。关于HTML5背景显示区的更多信息，请搜索脚本之家之前的文章或者继续浏览下面的相关文章。希望大家以后多多支持剧本之家！
来源：剧本之家
链接：https://www.jb51.net/html5/734542.html
