本文主要介绍HTML5后台显示区的实现,通过示例代码详细介绍,对大家的学习或工作有一定的参考学习价值。需要它的朋友将和边肖一起学习。
Background-clip属性指定背景的绘图区域。
默认值:边框
继承:没有
版本:CSS3
JavaScript语法:object . style . background clip=" content-box "
background-clip : border-box | padding-box | content-box;
边框背景被裁剪到边框。测试
填充框背景被裁剪到内部边距框。测试
内容框背景被剪辑到内容框。
!声明文档类型
超文本标记语言
头
meta charset='utf-8 '
Titlegt唐山百度推广;背景/标题的显示区域
style type='text/css '
div {
padding:50px/*将内部边距设置为50px */
border:50px固体rgba(255,153,0,0.6);/*将边框宽度设置为50px */
height:100px
宽度width:200px
color: # fff
font-size :24 px;
font-weight : bold;
text-shadow:2px 0 1px #f00,
-2px 0 1px #f00,
0 2px 1px #f00,
0-2px 1px # f00;
背景-图像:url(./images/Bridge . jpg);/*设置背景图像*/
背景-位置:0 0;/*背景图像的起始位是原点*/
背景-repeat : no-repeat;/*背景图像未平铺*/
-web kit-background-origin : border-box;/*原点从边框开始(webkit) */
-moz-background-origin : border-box;/*原点从边框开始(moz) */
背景-origin : border-box;/*原点从边框开始*/
-web kit-background-clip : border-box;/*背景从边框开始(webkit) */
-moz-background-clip : border-box;/*背景从边框开始(moz) */
背景-clip : border-box;/*背景从边框开始*/
}
/style
身体
Div内容从这里开始/div
/body
/html
这就是HTML5背景显示区的这个张文的结尾。更多关于HTML5背景显示区域的信息,请搜索之前的脚本之家张文或者继续浏览下面相关的张文。希望大家以后多多支持脚本屋!