导航:首页 > 编程语言 > 普通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表格样式及代码大全相关的资料

热点内容
linuxtotalcommander 浏览:165
传票翻打在电脑上下什么app 浏览:39
db2查看数据库字符集 浏览:449
小米私密文件移出后找不到 浏览:775
红底白色的心是什么app的标志 浏览:163
小冤家APP角色怎么变回家长 浏览:822
梦幻西游合宠模拟器网站是什么 浏览:420
诺基亚930最新版本 浏览:201
ps制作主kv文件过大 浏览:884
车端面如何编程 浏览:279
win10u盘备份时间长 浏览:617
文件夹怎么转换为pdf 浏览:502
2008打开登录密码忘记了 浏览:771
苹果7如何授权应用程序 浏览:899
怎样把旧的文档保存到桌面文件夹 浏览:827
wps云数据如何恢复 浏览:496
微信发送过来文件 浏览:300
怎么改合同网站 浏览:73
网络斗地主记牌器怎么实现的 浏览:377
ps镜像文件制作教程 浏览:45

友情链接