1、首先我们在html里添加一个table表格,里面有几行的数据。
2、如果只按上面的代码,不添加css样式,这是一个很丑陋的表格,我们添加一些样式代码,添加宽度和padding边距等。
3、这是目前代码的显示效果。效果还勉强可以。
4、要添加1px的边框,我们要添加一个border的边框样式。注意这个边框样式要添加到td元素上,而不是添加到table元素上。
5、添加了边框样式后,我们看一下显示效果,可以看到有边框了。
6、边框的颜色是可以改变的。效果如图。
7、再修改一下样式,把样式里的solid改成 dashed,我们还可以把边框变成虚线边框。