导航:首页 > 编程语言 > 普通table表格样式及代码大全

普通table表格样式及代码大全

发布时间:2025-01-09 07:06:52

⑴ 如何制作普通数据的表格

1、首先,我们打开一个含有表格的word文档。

⑵ 求html表格的代码

效果是这样的,除了表格的数据的一些背景颜色,没给你调,其他的应该是一模一样吧,边框颜色可能有点差别,自己细调吧,我直接用的255的绿色。效果是下面这样的:

实际效果和你要的效果应该差别不大

代码其实就是最基础的表格样式做的。代码如下:

<!DOCTYPE html>

<html>

<head>

<style>

tr.title td{text_align:center;width:4em;text-align:center;font-weight:bold;}

table{border:1px solid RGB(0,255,0);}

tr.name 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>

⑶ 求html的表格代码怎么做 例如三行三列的

<tablewidth="200"border="1">
<tr>
<th>&nbsp;</th>
<th>&nbsp;</th>
<th>&nbsp;</th>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>

这是三行三列的代码,其中<tr>标签是行数;<td>标签是列数;

也可以用DW的插入表格方式直接插入,这专个比较方便也容易属操作。

阅读全文

与普通table表格样式及代码大全相关的资料

热点内容
苹果手机卸载应用程序 浏览:227
proe50视频教程工程图入门到精通 浏览:324
车载sd卡歌曲文件放哪里 浏览:883
教你如何走到哪里都有网络 浏览:601
青岛bi大数据培训机构有哪些 浏览:224
rpgmv文本在哪个文件 浏览:161
一般的视频缓存在哪个文件夹 浏览:960
javafortry 浏览:588
办公文件软件图片 浏览:814
js形参当实参用 浏览:275
华为微信无法连接网络 浏览:668
哪个网站可进货服装 浏览:700
拷贝是复制文件到u盘吗 浏览:478
怎么清除另一个微信的所有数据 浏览:764
sd卡错误的文件系统文件分配失败 浏览:725
编程一点都写不出来怎么办 浏览:940
事业单位网络管理员 浏览:198
幼升小有什么论坛或者APP 浏览:248
微信里的文件在哪个文件夹里面 浏览:925
jsf2视频教程 浏览:592

友情链接