相关疑难解决方法(0)

在css中使用小数/小数像素作为边界是明智的吗?

我的设计中有各种各样的实例要求

border-right: 1.5px solid black;
border-bottom: 1.5px solid black;
Run Code Online (Sandbox Code Playgroud)

等等...

我的设计也需要更细的线条:at 1px.

但是,似乎浏览器可以围绕小数点,因为我没有看到两者之间的差别很大(如果有的话).

我应该只是使用2px1px不是,还是有更好的方法来解决这个问题?

我正在帮助的设计师对1.5px线宽非常坚定.

任何帮助,非常感谢.

css border pixel css3

8
推荐指数
1
解决办法
8548
查看次数

Bootstrap 4 表格,带有 d-flex 和另一种边框颜色

我正在使用 Bootstrap 4.0,我正在尝试使用table-bordered(更改颜色)和d-flexwithcol-*来调整列的大小。

问题是,出于某种原因,如果我尝试更改颜色,所有边框都是双的。

例如,这就是我正在做的事情:

table.table-bordered {
  border: 1px solid black;
  }
table.table-bordered > thead > tr > th {
  border: 1px solid black;
  }
table.table-bordered > tbody > tr > td {
  border: 1px solid black;
  }        
div{
  margin-top: 20px;
  margin-left: 20px;
  margin-right: 20px;
  }
Run Code Online (Sandbox Code Playgroud)
   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
   
<div>
   <table class="table table-bordered">
        <tbody>
            <tr class="table-danger d-flex">
                <td class="col-6">Cell 1</td>
                <td class="col-6">Cell 2</td>
            </tr>
            <tr class="d-flex">
                <td class="col-6">Cell 3</td>
                <td class="col-6">Cell 5</td> …
Run Code Online (Sandbox Code Playgroud)

html css html-table twitter-bootstrap bootstrap-4

5
推荐指数
1
解决办法
1万
查看次数

标签 统计

css ×2

bootstrap-4 ×1

border ×1

css3 ×1

html ×1

html-table ×1

pixel ×1

twitter-bootstrap ×1