css - 在table中使用border-collapse时如何设置不同的border颜色?
迷茫
迷茫 2017-04-17 11:17:31
0
3
746

代码如下:
http://jsbin.com/qigavatewe/1/

希望某些表格单元的border是不同的颜色。
由于使用了border-collapse,所以只会看到td的右边和下边有颜色。
如何解决?

迷茫
迷茫

业精于勤,荒于嬉;行成于思,毁于随。

Antworte allen (3)
小葫芦

不知道是不是你想要的效果
css

.table1{ border-collapse: collapse; } td{ border:1px solid #ccc; height: 30px; padding: 0px; } .red{ display: block; width: 100%; height: 100%; border:1px solid red; } html 
   
     
     
    刘奇

    如果要都显示成红色,貌似只能给左边的td设置border-right给上边的td设置 'border-bottom`,

    或者border不要设置在td~

      Ty80

      有一个比较tricky的解决方式,如果你只是为了与其它的cell区分开来。
      css:

      td.mycell{
      color: red;
      border:2px solid red;
      }
      当border变宽之后就能把每条边都着色。

        Neueste Downloads
        Mehr>
        Web-Effekte
        Quellcode der Website
        Website-Materialien
        Frontend-Vorlage
        Über uns Haftungsausschluss Sitemap
        Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!