表格效果.

1、跟之前的一样，使用VS(Visual Studio Code)来敲写页面，新建文件夹—在VS中打开文件夹(或者拖进去)—点击‘选择编程语言’后会出现一个搜索框找到‘html’就好了。

2、也是同样的给个div标签，也给了类‘box’，这就代表外面的大盒子。使用到的是table标签(这个代表着是表格，在想创建表格时。就可以使用这个标签)。table同样也给了类‘txt’这就是小盒子了，下面还需要带着一个tbody标签，相当于外围。接下来就是头部了，th代表标题，在标题外面还有一个tr标签，tr(代表着列)标签包裹着其他标签。

3、接着内容区，tr(列)里面包裹着td(相当于行，一行两行的行)，td也给了类‘on’后面在写样式的时候好区分，好找。

4、图片上蓝色条框里面的也就是内容，可以自己想其他内容、也可以复制上面的内容。这个看个人，我的话就是复制上面的内容。多复制几个就可以看出这是个表格。

5、到样式部分了，这里我采用的时内部样式，不是外部样式。这也是看个人，想用内部样式就用内部样式、想用外部样式就用外部样式。选择不是单一了。‘*’这个应该都很熟悉了，通配符使内外边距为0像素。

6、上面设置的大盒子宽度是1012像素，没有高度，给了外边距40像素，使它不紧贴上方，1像素的边框颜色使灰色，还有外阴影右边5像素、下边5像素、模糊程度为6像素、颜色也是灰色，但是不一样的灰。

7、大盒子设置完了，就一步一步来，接下来是表格。跟大盒子同样的宽度、也是1012像素。然后字体居中、也设置了行高，行高是50像素的，这样就能使它上下居中了。前面那个是使它左右居中的。然后就是标题了。

8、给了下边框1像素、实线、颜色是黑色，字体加粗了。然后是背景图片，no-repeat不重复，重复了就不好看了。然后上下-17像素，这个‘-’是负的意思，左右28像素。下图可看出大部分了。

9、应该还记得在body里敲写的内容吧，这里给它设置一个背景颜色。使用的是rgba。第四位的0.5是透明度。前面的三位是体现它的颜色，使用的是数字。

10、最后就是偶数行的颜色，even是偶数的意思。自然有偶数就会有奇数。到这我就做完了。若有不妥请原谅。