html5指定透明色,HTML5怎么设置透明色

满意答案

jiang_123

2017.12.21

采纳率：43% 等级：8

已帮助：858人

问题分析：

HTML的标签可以使用CSS的background-color来设置背景颜色以及透明度。

举例如下：

以下示例将分别演示不透明、50%透明度以及20%透明度的三种不同效果。

HTML代码：

123456789

我是黑色背景，不透明的。

我是黑色背景，50%透明度。

我是黑色背景，20%透明度。

CSS代码：

123456789101112131415161718

#test-1, #test-2, #test-3{ width: 300px; height: 200px; line-height: 200px; text-align: center; display: inline-block; margin-left: 50px; color: #FFF;}#test-1{ background-color: rgba(0,0,0,1);}#test-2{ background-color: rgba(0,0,0,0.5);}#test-3{ background-color: rgba(0,0,0,0.2);}

00分享举报

html5指定透明色,HTML5怎么设置透明色相关推荐

（PPT抠图）设置透明色/删除背景
需求有时候MATLAB画出来的图直接截图,会有灰色背景,或者是一些网上的图片也有背景色,这些图片放在纯白色背景的PPT里面会显得格外地突兀. 有些时候可以找到透明背景的png,但适用性也不广. 怎么 ...
[PPTX解析] 图片效果算法篇：设置透明色
PPTX解析:设置透明色在PPT中,我们可以通过图片格式选项中->颜色->设置透明色,将指定颜色设置为透明,以实现去除纯色背景的需求. 效果原理 PPT中设置透明色的逻辑十分简单清晰: ...
html5 播放进度,获取并设置HTML5 Video的当前进度
上周翻译了一篇文章: 如何获取HTML5视频的持续时间.很显然这是一门简单却很实用的技术, 但我认为还有一个更重要的知识点是控制视频的时间设置.在用HTML5技术处理视频时,设置(setting)和获 ...
C#为窗体控件设置透明色问题
最近在做c#的小游戏开发(练手),碰到了为c#窗体中各个控件设置透明色的问题,这里记下来供碰到同样问题的朋友们参考,也供自己记忆. 一.为PictureBox设置透明色: 首先我们创建一个新的窗体项目 ...
Qt tabwidget 标签页设置tabbar标题，tabwidget设置透明色
1.使用paintevent事件对窗口进行背景设置,背景如下图所示. 2.将tabwidget拖动进ui窗口中,编译运行效果如下,tabwidget会将背景图给遮挡,需要将tabwidget设置为透明 ...
HTML5系列：HTML5与HTML4的区别
1. 语法的改变 1.1 DOCTYPE声明 DOCTYPE声明在HTML文件中必不可少,位于文件第一行. HTML4中声明方法: <!DOCTYPE html PUBLIC "-// ...
html语义化的理解是什么,html5语义化,html5的语义化的理解
家里有个熊孩子,经常会有一些意想不到的事情发生:回家的时候,他会笑呵呵冲过来,大声喊着臭爸爸;你让他把鞋穿上,他会提起鞋子往楼下扔在小孩的世界里,他虽然会说话,但不一定明白其中的意思,不能正确表达;同 ...
html5 drag this,HTML5拖放(drag和drog)
拖放(drag和drog)是HTML5的标准的组成部分,也是种常见的特性,意义为抓起一个元素放入到另外的一个位置,在HTML5中任何元素都可以被拖放,前题是要相关进行设置. 1.设置元素为可拖放,也就 ...
html5在线api,HTML5 历史记录API
HTML5 历史记录API HTML5历史记录API的使用方法,在线实例演示HTML5历史记录API如何使用.浏览器的兼容性.语法定义及它的属性值详细资料等. HTML5历史记录API使您可以通过Ja ...
简单的html5,简单的HTML5初步入门教程
HTML5 代表未来:W3C ( World Wide Web Consortium, 万维网联盟) 已经放弃 XHTML,从而使 HTML5 成为正式标准并得到认可. HTML5 是下一代的 HTM ...

html5指定透明色,HTML5怎么设置透明色

html5指定透明色,HTML5怎么设置透明色相关推荐

最新文章

热门文章