如何设置一个边框为1px的表格?

 时间:2024-10-16 08:31:27

1、首先我们在html里添加一个table表格,里面有几行的数据。

如何设置一个边框为1px的表格?

2、如果只按上面的代码,不添加css样式,这是一个很丑陋的表格,我们添加一些样式代码,添加宽度和padding边距等。

如何设置一个边框为1px的表格?

3、这是目前代码的显示效果。效果还勉强可以。

如何设置一个边框为1px的表格?

4、要添加1px的边框,我们要添加一个border的边框样式。注意这个边框样式要添加到td元素上,而不是添加到table元素上。

如何设置一个边框为1px的表格?

5、添加了边框样式后,我们看一下显示效果,可以看到有边框了。

如何设置一个边框为1px的表格?

6、边框的颜色是可以改变的。效果如图。

如何设置一个边框为1px的表格?

7、再修改一下样式,把样式里的solid改成 dashed,我们还可以把边框变成虚线边框。

如何设置一个边框为1px的表格?
如何设置一个边框为1px的表格?
  • sublime text3怎么分屏显示及关闭分屏?
  • jquery中怎么删除ul中的整个li包括节点
  • 网页怎么设置一个网页
  • js判断字符是否是汉字的两种方法
  • 如何下载jQuery UI
  • 热门搜索
    汉字的手抄报 缅怀先烈手抄报内容 世界水日手抄报 消防手抄报 文明礼仪手抄报内容 预防近视手抄报 四年级手抄报 读书手抄报图片 名著手抄报 关于汉字的手抄报