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

热点内容
maya粒子表达式教程 浏览:84
抖音小视频如何挂app 浏览:283
cad怎么设置替补文件 浏览:790
win10启动文件是空的 浏览:397
jk网站有哪些 浏览:134
学编程和3d哪个更好 浏览:932
win10移动硬盘文件无法打开 浏览:385
文件名是乱码还删不掉 浏览:643
苹果键盘怎么打开任务管理器 浏览:437
手机桌面文件名字大全 浏览:334
tplink默认无线密码是多少 浏览:33
ipaddgm文件 浏览:99
lua语言编程用哪个平台 浏览:272
政采云如何导出pdf投标文件 浏览:529
php获取postjson数据 浏览:551
javatimetask 浏览:16
编程的话要什么证件 浏览:94
钱脉通微信多开 浏览:878
中学生学编程哪个培训机构好 浏览:852
荣耀路由TV设置文件共享错误 浏览:525

友情链接