如何在HTML / CSS中创建此边框样式?

用户名

我拼命地寻找正确的代码,以在HTML / CSS中为我的网站创建表格边框,如下图所示:

在此处输入图片说明

我找不到办法做到这一点...

这是另一张图片:

在此处输入图片说明

看起来该单元格具有某些“ 3d效果”或类似的功能。

尼泊尔12

以下是一个示例(请注意,示例不是完整的答案,所以我的答案是),请参阅此处,了解CSS基础知识

以下代码将为您提供所需的结果。

 //HTML
    <table style="border:none;">
  <tr>
    <td>Corporate Finance</td>
  </tr>
  <tr>
    <td>Derivatives</td>
  </tr>
  <tr>
    <td>Economics</td>
  </tr>
</table>

// CSS
    table {
      border-spacing: 5px;
}

table, th, td {
    margin-top:2px;
    border-left: 1px solid #E8E8E8;
    border-bottom:2px solid #E8E8E8;
    border-right:1px solid #E8E8E8;
    margin-top:2px;
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章