如何绘制没有内容的水平线html表格_Html_Css

如何绘制没有内容的水平线html表格

html css

如何绘制没有内容的水平线html表格,html,css,Html,Css,如何在不使用内容css的情况下从td 1 td 4绘制水平线我期待下面的进度条 1. 2. 3. 4. 如果不使用CSS，则无法执行此操作。尝试这种方式，但它使用CSS，也给你想要的 HTML <html> <head> <title>Step Progress bar</title> </head> <body> <div class="container">

如何在不使用内容css的情况下从td 1 td 4绘制水平线

我期待下面的进度条



1.
2.
3.
4.

如果不使用CSS，则无法执行此操作。尝试这种方式，但它使用CSS，也给你想要的

HTML

<html>
  <head>
    <title>Step Progress bar</title>
  </head>
  <body>
    <div class="container">
      <ul class="progressbar">
        <li class="active">Step 1</li>
        <li>Step 2</li>
        <li>Step 3</li>
      </ul>
    </div>

  </body>

</html>

如果不使用CSS，您就无法做到这一点。尝试这种方式，但它使用CSS，也给你想要的

HTML

<html>
  <head>
    <title>Step Progress bar</title>
  </head>
  <body>
    <div class="container">
      <ul class="progressbar">
        <li class="active">Step 1</li>
        <li>Step 2</li>
        <li>Step 3</li>
      </ul>
    </div>

  </body>

</html>

我认为当您单击RunCodeSnippet时，您将看到最后一个表我觉得更好


文件
addouterline先生{
边框底部：1px纯红；
颜色：红色；
}
.圆形法向{边界半径：70%；
文本对齐：居中；
边缘底部：30px；
线高：20px；
宽度：40px；
高度：30px；
边框：1px纯黑；
}
.圆形{边界半径：70%；
文本对齐：居中；
边缘底部：30px；
线高：20px；
宽度：40px；
高度：30px；
边框：1px纯红；
颜色：红色；
}
从1到4：
||
1.
2.
3.
4.





从1到3：
||
1.
2.
3.
4.





从2日到4日：
||
1.
2.
3.
4.

我想当您单击“运行代码段”时，您将看到最后一个表我觉得更好


文件
addouterline先生{
边框底部：1px纯红；
颜色：红色；
}
.圆形法向{边界半径：70%；
文本对齐：居中；
边缘底部：30px；
线高：20px；
宽度：40px；
高度：30px；
边框：1px纯黑；
}
.圆形{边界半径：70%；
文本对齐：居中；
边缘底部：30px；
线高：20px；
宽度：40px；
高度：30px；
边框：1px纯红；
颜色：红色；
}
从1到4：
||
1.
2.
3.
4.





从1到3：
||
1.
2.
3.
4.





从2日到4日：
||
1.
2.
3.
4.

为什么不想使用CSS？

=>您已经在使用CSS了。。。就像再次使用一样。使用有序列表，而不是表格。可能这是电子邮件分发为什么不想使用CSS？

=>您已经在使用CSS了。。。就像再次使用一样。使用一个有序的列表，而不是一个表。也许这是电子邮件分发，但不是这样的解决方案。只使用表格我想画进度条。我不希望这样解决。只使用表格我想画进度条。