再HTML中如何设置一个表格的背景色为透明的

如题所述

1、首先创建一个基础的html文件,并根据下图录入代码。

2、从html文件找到<body>标签,在这个标签里创建一个<div>标签并添加一个类,在这把这个类设置为:rgba。

3、在<title>标签后面创建一个<style>,并设置rgba类的高和背景透明度的样式(rgba(R,G,B,A))。透明度参数,取值在0~1之间,不可为负值,透明度参数越小透明度越高。其中R,G,B,分别代表了红,绿,蓝三种颜色。

4、保存后使用浏览器查看,即可看到html的页面中背景的透明度就是设置的0.1。

温馨提示:内容为网友见解,仅供参考
第1个回答  推荐于2017-09-02
只要不设置背景色,就是透明的。
背景透明度可参考以下代码
div{filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;}
说明:
1、filter:对win IE设置半透明滤镜效果,filter:alpha(Opacity=80)代表该对象80%半透明,火狐浏览器不认
2、-moz-opacity:对mozilla firefox火狐浏览器实现半透明,win IE不认此属性,-moz-opacity:0.5相当于设置半透明为50%
3、opacity:对除IE外所有浏览器支持包括谷歌,放最后主要针对谷歌浏览器,opacity: 0.5;表示设置50%半透明本回答被网友采纳
第2个回答  2013-04-05
<html>
<head>
<title>透明表格</title>
</head>

<body background="图片">

<table border="0">
<tr>
<td style="background-color:#336699;filter:Alpha(opacity=50)">表格内容</td>
</tr>
</table>

</body>
</html>
第3个回答  2017-12-29
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
<html xmlns="
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<style>
table{
background:rgba(0,0,0,0.1)/*0.1~1为透明度*/
}
</style>
<body>
<table>
<tr>
<td></td>
</tr>
</table>
</body>
</html>
background:rgba(0,0,0,0.1)/*0.1~1为透明度 rgba(0,0,0,0.1) 0,0,0 是RGBA的颜色代码,可以PS或是在线网站 取色都可以。
第4个回答  2017-12-29
不设置背景色背景图片就是透明的,如果非要设置背景色,可以用rgba,a设置为0

再HTML中如何设置一个表格的背景色为透明的
1、首先创建一个基础的html文件,并根据下图录入代码。2、从html文件找到<body>标签,在这个标签里创建一个<div>标签并添加一个类,在这把这个类设置为:rgba。3、在<title>标签后面创建一个<style>,并设置rgba类的高和背景透明度的样式(rgba(R,G,B,A))。透明度参数,取值在0~1之间,不可为...

html background-color如何设置为透明?
<html> <head> <title>透明表格<\/title> <\/head> <body background="图片"> <table border="0"> <tr> <td style="background-color:#336699;filter:Alpha(opacity=50)">表格内容<\/td> <\/tr> <\/table> <\/body> <\/html> background是用于在一个声明中设置所有背景属性的一个简写属性。...

再HTML中如何设置一个表格的背景色为透明的
<title>透明表格<\/title> <\/head> <body background="图片"> <table border="0"> <tr> <td style="background-color:#336699;filter:Alpha(opacity=50)">表格内容<\/td> <\/tr> <\/table> <\/body> <\/html>

Html表格背景颜色透明度怎么调,只用HTML和css
使用rgba就可以了,background: rgba(255, 255, 255, 0.5);前面的是三原色,后面的是透明度,0.5就是半透明,例如

html中如何将背景图片设置成透明背景图?
1、打开HBuilder;2、新建html项目。3、设置文件名,点击“完成”。4、将背景图拖动到Hbuilder工程的img文件夹。5、点击“确定”。6、找到<body><\/body>。7、将<body>改成<bodybackground="img\/背景1.jpg">。其中“img\/背景1.jpg”为背景图路径。8、然后保存文档。9、点击“运行”选择浏览器...

HTML如何给背景颜色设置透明度?
(1)创建一个html文件。如图 (2)在html文件找到一个<body>标签,在这个标签里创建一个<div>标签并添加一个类,在这把这个类设置为:rgba。 如图 (3)为div添加样式。在<title>标签后面创建一个<style>,在<style>标签里设置rgba类的高和背景透明度的样式(rgba(R,G,B,A))。透明度参数,...

HTML如何给背景颜色设置透明度
HTML的标签可以使用CSS的background-color来设置背景颜色以及透明度。举例如下:以下示例将分别演示不透明、50%透明度以及20%透明度的三种不同效果。HTML代码:<div id="test-1"> 我是黑色背景,不透明的。<\/div><div id="test-2"> 我是黑色背景,50%透明度。<\/div><div id="test-3"> ...

html-css 中如何让一个DIV的背景色是透明的,但它的内容(文字图片之类...
html-css 中让一个DIV的背景色是透明的,但它的内容(文字图片之类的)不是透明的,这个的话,是可以通过设置2个div来实现的,第一个包裹着第二个div然后在设置相同的div宽高,在将第一个的opacity为0;代码如下:<div id='div1'> <div id='div2'> <p>我是测试文字<\/p> <\/div> <\/div...

如何设置HTML图片的背景颜色为透明的?
1、首先新建一个记事文本,重新命名背景颜色.html,按回车确认,如下图所示。2、回到桌面选中新创建的背景颜色.html文件,右键选择记事本打开,然后在记事本中手动输入图中代码,这是一个标准的html头尾格式。3、在<body>中添加代码:bgcolor="#000000",保存。4、这时在桌面打开背景颜色.html,打开页面...

HTML能否把背景图改成透明的?
你在这代码里面把你要的背景图片写进去 把<body bgcolor="#000000">改成<body style="background:url(你的背景图片地址)"> 如 <body style="background:url(D:\\a.jpg)"> --- <body style="background:url(D:\\a.jpg)"> 这里面的background:url(D:\\a.jpg)是路径啊,请把D:\\a.jpg改...

相似回答