html 背景区域设置,HTML5 背景的显示区域实现

background-clip 属性规定背景的绘制区域。

默认值： border-box

继承性： no

版本： css3

javascript 语法： object.style.backgroundclip=“content-box”

background-clip: border-box|padding-box|content-box;

border-box 背景被裁剪到边框盒。测试

padding-box 背景被裁剪到内边距框。测试

content-box 背景被裁剪到内容框。

背景的显示区域

div {

padding:50px; /* 设置内边距为50px */

border:50px solid rgba(255, 153, 0, 0.6); /* 设置边框宽度为50px */

height:100px;

width:200px;

color:#fff;

font-size:24px;

font-weight:bold;

text-shadow:2px 0 1px #f00,

-2px 0 1px #f00,

0 2px 1px #f00,

0 -2px 1px #f00;

background-image:url(../images/bridge.jpg); /* 设置背景图像 */

background-position:0 0; /* 背景图像起始位为原点 */

background-repeat:no-repeat; /* 背景图像不平铺 */

-webkit-background-origin:border-box; /* 原点从边框开始(webkit) */

-moz-background-origin:border-box; /* 原点从边框开始(moz) */

background-origin:border-box; /* 原点从边框开始 */

-webkit-background-clip:border-box; /* 背景从边框开始显示(webkit) */

-moz-background-clip:border-box; /* 背景从边框开始显示(moz) */

background-clip:border-box; /* 背景从边框开始显示 */

}

内容从这里开始

到此这篇关于html5 背景的显示区域实现的文章就介绍到这了,更多相关html5 背景显示区域内容请搜索萬仟网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持萬仟网！

html 背景区域设置,HTML5 背景的显示区域实现相关推荐

java excel 背景_Java设置Excel背景
码农公社 210.net.cn 210是何含义?10月24日是程序员节,1024 =210.210既 210 之意. Java 设置Excel表格颜色背景(即指定单一颜色作为背景色).图片背景(即 ...
java给frame设置背景_JAVA设置FRAME背景总结设置背景图片
Java中有关Frame背景的设置总结我们在进行图形用户界面编程时,为了做出一个漂亮.个性化的界面,那么界面的背景就必须考虑了.要想灵活使用背景,就一定要对frame的基本有一些了解,因为在java ...
透明怎么弄_最新版微信如何设置透明背景？这样设置，效果令人惊喜
微信叒更新了,你的微信有更新吗?听说这次更新是安卓端的先更新,苹果端的还不能更新.今天小编要跟大家分享的是新版微信应该如何设置透明背景,不清楚微信透明背景长什么样子的?没关系,给你看看设置透明背景之后 ...
Pycharm、Vscode设置美女背景【内附20张高清图片】
大家好,我是小袁背景:事情的起因呢是这样的,有些小伙伴(老色批)问我Pycharm.Vscode怎么设置美女的背景图片,作为宠粉博主,这不我给这些单身的小兄弟安排上了,男程序员的终极福利来了,从此之 ...
css 设置背景图一半_CSS背景图设置
一.背景图设置使用背景图片,设置为全屏方式1:全部使用background设置 body{ background-image: url(bg.jpg); background-size: 100% ...
html语言设置网页背景,在html网页中如何设置背景图片？网页背景怎么设置？
不知道大家有没有发现,当我们在浏览部分网页的时候网页的背景都是很漂亮的.那么今天小编来教大家怎么在 html 网页中设置背景图片吧! 1.首先还是老样子,我们在开发工具中新建一个 .html 文件,然 ...
VC++ 鼠标非显示区域命中测试消息WM_NCHITTEST和相关编程问题学习1
此消息代表非显示区域命中测试:非显示区域,应该指窗口客户区以外的区域: 这个消息优先于所有其他的显示区域和非显示区域鼠标消息:其中lParam参数含有鼠标位置的x和y屏幕坐标,wParam 这里没有用 ...
语言与区域设置ID （Language ID、Locales ID / LCID）
语言与区域设置ID (Language ID.Locales ID / LCID) 今天用到Locales ID,但怎么都找不到每种语言和地区对应的Locales ID,后来发现Locales ID的 ...
css样式如何设置边框，阴影，渐变等特效以及通过box-sizing属性设置盒子模型，背景区域设置等
今天,我继续来和大家聊聊css3. 在css3中,新增了很多样式,使得页面更加的美观,效果更加的优秀. 但是,同样要注意的是,很多css3提出的新样式没有得到浏览器的支持,也就意味着有一部分的css3 ...

html 背景区域设置,HTML5 背景的显示区域实现

html 背景区域设置,HTML5 背景的显示区域实现相关推荐

最新文章

热门文章