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

热点内容
虎口脱险中译版本由 浏览:160
花儿教育app怎么老是更新啊 浏览:557
用户配置文件目录 浏览:974
重启网络适配器 浏览:414
市面上一般pd数据线多少钱 浏览:565
更新app怎么换账号 浏览:905
一个视频网站能赚多少钱 浏览:357
在电脑上怎么复制文件 浏览:496
我的世界文件夹mod在哪里 浏览:525
苹果5s测评 浏览:782
安全文件夹在哪里下 浏览:643
catpart文件名怎么设置 浏览:39
PDF档文件怎么另存为 浏览:402
网络机顶盒恢复出厂怎么能下载 浏览:4
网页元素代码 浏览:67
读书选择版本的原因 浏览:992
如何用数据线传文件 浏览:335
java使用jni 浏览:432
p970升级错误修复 浏览:119
米4文件管理在哪 浏览:376

友情链接