老大，语法错误哦！
如果不用CSS表示单元格的背景颜色：则正确的写法是：<td bgcolor="#F00"></td>（#F00是颜色值，也可以直接用green，red等属性值），应该是把颜色值放在双引号之间！当然，您也可以不加双引号，但是：W3C建议您还是加上双引号。
html中请不要使用分号结束属性值！
CSS中请记得要使用分号结束属性值！
你好，我按照你的要求写的如下代码，可以直接运行
<center>
<table>
<caption style="text-decoration:underline;font-weight:bold;">请留下个人资料</caption>
<tr><td>姓名：</td><td><input type="text"></td></tr>
<tr><td>电话：</td><td><input type="text"></td></tr>
<tr><td>E-mail：</td><td><input type="text"></td></tr>
<tr><td>性别：</td><td><input type="radio" checked>男 <input type="radio">女</td></tr>
<tr><td>年龄：</td><td><select><option>20以下</option></select></td></tr>
<tr><td>留言版：</td><td><textarea></textarea></td></tr>
<tr><td>您的爱好：</td><td><input type="checkbox">运动 <input type="checkbox">阅读<br><input type="checkbox">听音乐 <input type="checkbox">旅游</td></tr>
</table>
<input type="submit" value="提交"> <input type="reset" value="全部重写">
</center>
<div>标题内容:<input type="text" id="a"></div><div>标题格式:<input type="text" id="b"></div><div>标题大小:<input type="text" id="c"></div><button type="button" id="d">预览</button><div id="e"></div>
// 绑定 id 为 d 的按钮的点击事件documentgetElementById("d")onclick = function () { // 获取 id 为 a 的输入框的值 var a = "标题内容:" + documentgetElementById("a")value; // 获取 id 为 b 的输入框的值 var b = "标题格式:" + documentgetElementById("b")value; // 获取 id 为 c 的输入框的值 var c = "标题大小:" + documentgetElementById("c")value; // 将获取到的值加入到 id 为 e 的元素里面 documentgetElementById("e")innerHTML = a + "" + b + "" + c;}
HTML表格的背景色怎么插入啊可以这样解决：
1、首先要在hbuilder页面进行编辑 *** 作。
2、添加颜色。
3、然后设置bgcolor。
4、然后设置合适的自己需要的颜色。
5、背景颜色就添加完成了。
这样就解决了问题。
<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>
效果是这样的，除了表格的数据的一些背景颜色，没给你调，其他的应该是一模一样吧，边框颜色可能有点差别，自己细调吧，我直接用的255的绿色。效果是下面这样的：
实际效果和你要的效果应该差别不大
代码其实就是最基础的表格样式做的。代码如下：
<!DOCTYPE html>
<html>
<head>
<style>
trtitle td{text_align:center;width:4em;text-align:center;font-weight:bold;}
table{border:1px solid RGB(0,255,0);}
trname td{border:2px solid RGB(0,255,0);text-align:center;}
</style>
</head>
<body>
<table>
<tr class="title";>
<td>学号</td>
<td>姓名</td>
<td>语文</td>
<td>数学</td>
<td>英语</td>
</tr>
<tr class="name";>
<td>1</td>
<td>张三</td>
<td>87</td>
<td>68</td>
<td>89</td>
</tr>
<tr class="name";>
<td>2</td>
<td>李四</td>
<td>89</td>
<td>84</td>
<td>86</td>
</tr>
<tr class="name";>
<td>3</td>
<td>王五</td>
<td>96</td>
<td>94</td>
<td>85</td>
</tr>
<tr class="name";>
<td>4</td>
<td>李六</td>
<td>98</td>
<td>87</td>
<td>67</td>
</tr>
</table>
</body>
</html>
以下为示例代码，根据个人的需求调节以下表格的尺寸等设置即可， *** 作步骤如下：
2、鼠标左键全选<head>和</head>中间的内容，如下图红框所示。
3、快捷键”Delete“删除选中目标，如下图红框所示。
4、然后输入代码，设置表格属性，如下图红框所示。
5、输入完毕，将光标至于<body>和</body>中间那一行，如下图红框所示。
6、输入代码设置表格的行和列，如下图红框所示。
7、打完代码就可以对此html进行保存预览了，点击“是”按钮，如下图红框所示。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）