效果是这样的,除了表格的数据的一些背景颜色,没给你调,其他的应该是一模一样吧,边框颜色可能有点差别,自己细调吧,我直接用的255的绿色。效果是下面这样的:
实际效果和你要的效果应该差别不大
代码其实就是最基础的表格样式做的。代码如下:
<!DOCTYPE html>
<html>
<head>
<style>
tr.title td{text_align:centerwidth:4emtext-align:centerfont-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是用来做网站的一种语言哈、这样吧、你打开一个网页、然后再网页任何一个地方点击鼠标右键、然后选择“查看源文件”、点击过后将以记事本的形式打开、里面的就全是HTML代码哈、看看吧、希望对你有所帮助!至于怎么使用这个就有专门的教程了哈、你到百度文库里面找找教程嘛、用table标签,tr表示行,td表示列,下面是一个2行2列表格的例子。<table border="1">
<tr>
<td>内容1</td>
<td>内容2</td>
</tr>
<tr>
<td>内容3</td>
<td>内容4</td>
</tr>
</table>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)