太阳集团tyc5997|官网【中国】有限公司

HTML5背景显示区的实现
  • 作者:admin
  • 发表时间:2021-03-04 07:54
  • 来源:未知

本文主要介绍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背景显示区域的信息,请搜索之前的脚本之家张文或者继续浏览下面相关的张文。希望大家以后多多支持脚本屋!

Baidu
sogou