我的设计中有各种各样的实例要求
border-right: 1.5px solid black;
border-bottom: 1.5px solid black;
Run Code Online (Sandbox Code Playgroud)
等等...
我的设计也需要更细的线条:at 1px.
但是,似乎浏览器可以围绕小数点,因为我没有看到两者之间的差别很大(如果有的话).
我应该只是使用2px而1px不是,还是有更好的方法来解决这个问题?
我正在帮助的设计师对1.5px线宽非常坚定.
任何帮助,非常感谢.
我正在使用 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)