求一段网页表格的html代码.- 简单-.
谢谢回答 不是背景颜色 是边框颜色
就是要一个和图上一模一样的表格 我试了好多都不行
点击图片 看清晰图 展开
你好,我按照你的要求写的如下代码,可以直接运行.
<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 的按钮的点击事件document.getElementById("d").onclick = function () { // 获取 id 为 a 的输入框的值 var a = "标题内容:"敬渣 + document.getElementById("a").value; // 获取 id 为 b 的输入框的值 var b = "标题格式:" + document.getElementById("b").value; // 获取 id 为 c 的输入框的值 var c = "旁稿晌标题大小:" + document.getElementById("c").value; // 将获取到的值加入到 id 为 e 的元素里面 document.getElementById("e").innerHTML = a + "" + b + "" + c;}
2024-07-20 广告
<head>
<title>无标题页</title>
<style type="text/css">
.tb
{
border-width:2px;
border-collapse:collapse;
border-color:Yellow;
border-style:solid;
}
td
{
border-width:2px;
border-collapse:collapse;
border-color:Yellow;
border-style:solid;
}
</style>
</head>
<body>
<div>
<table width="600" height="400" border="2" cellpadding="0" cellspacing="0" class="tb">
<tr>
<td> </td>
<td> </td>
<td> <销桥猜/消薯td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</div>
<亏型/body>
</html>
<table width="1" ....(以下省略)>
<tr>
<td style="background-color:gray"> </td>
<td style="配裤肢background-color:gray"> </td>培世
</tr>
<tr>
<td>单元格内有文字,无背景</td>
<td>单元格内有文字,无背景</td>
</tr>
</table>
广告 您可能关注的内容 |