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

 我来答
次次次蛋黄米亚
高粉答主

2019-06-18 · 说的都是干货,快来关注
知道小有建树答主
回答量:7778
采纳率:100%
帮助的人:217万
展开全部

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。

博思aippt
2024-07-20 广告
博思AIPPT是基于ai制作PPT的智能在线工具,它提供了4种AI制作PPT的方式,包括AI生成大纲、AI直接生成PPT、文本生成PPT、AI提炼word文档生成PPT,一站式集成多种AI生成PPT的方式,可满足办公用户的不同需求和使用场景... 点击进入详情页
本回答由博思aippt提供
让位额头
推荐于2017-09-02 · TA获得超过407个赞
知道小有建树答主
回答量:308
采纳率:0%
帮助的人:159万
展开全部
只要不设置背景色,就是透明的。
背景透明度可参考以下代码
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%半透明
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
匿名用户
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>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
cabence
2017-12-29 · 超过17用户采纳过TA的回答
知道答主
回答量:47
采纳率:84%
帮助的人:8.8万
展开全部
<!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或是在线网站 取色都可以。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
c61230
2017-12-29 · TA获得超过658个赞
知道小有建树答主
回答量:601
采纳率:71%
帮助的人:147万
展开全部
不设置背景色背景图片就是透明的,如果非要设置背景色,可以用rgba,a设置为0
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(9)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式