我有一张桌子。我添加到标准 Bootstrap 库的唯一 CSS 是用于实现粘性标头的：
.table-sticky th {
background: #fff;
position: sticky;
top: -1px;
z-index: 990;
}<div class="table-responsive p-0 mt-2">
<table class="table table-sm table-striped table-hover table-sticky">
<thead>
<tr>
<th>#</th>
<th>Header</th>
<th>Header</th>
<th>Header</th>
<th>Header</th>
</tr>
</thead>
<tbody>
<tr>
<td>1,001</td>
<td>Lorem</td>
<td>ipsum</td>
<td>dolor</td>
<td>sit</td>
</tr>
<tr>
<td>1,002</td>
<td>amet</td>
<td>consectetur</td>
<td>adipiscing</td>
<td>elit</td>
</tr>
</tbody>
</table>
</div>粘性标题一直有效，直到我将表格包裹在div.table-responsive. 我如何让它们共存？
我有一个带有线性渐变背景,橙色边框和一些文字的按钮.当我将鼠标悬停在按钮上时,我希望背景变为透明而不更改按钮的其他属性.
我试图将不透明度转换为0,但显然,这将隐藏边框和文本.我也尝试过转换背景,但它不起作用,因为我没有要转换到的端点,因为它需要透明.
body {
background-color: darkblue;
}
.button {
background-image: linear-gradient(red,yellow);
border: solid orange 2px;
border-radius: 10px;
color: white;
padding: 15px 25px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 24px;
}<button class="button">Submit</button><kbd>我刚刚第一次遇到这个标签，除了默认文本为等宽字体之外，它似乎没有做任何事情，这可以通过使用 CSS 将字体更改为等宽字体来完成。该标签是否<kbd>具有一些使其实用的底层逻辑，类似于<time>标签如何将代码转换为机器可读的？
传统上，我看到通过标签完成文本内更改<span>，并且该<kbd>标签显示的<span>输出与带有font-family: monospace. <kbd>如果只是改变字体，标签还有什么意义呢？我在 SO 和其他网站上搜索了解释，但除了字体的变化之外没有找到任何东西。
span {
font-family: monospace;
}<p>Please press <span>Ctrl</span> + <kbd>Shift</kbd>.我的HTML表是这样的：
<table>
<tr>
<td>123 - 20 - 20</td>
</tr>
</table>从数据库中检索值，因此如下图所示：https : //imgur.com/g7tG2yr
如何使所有值（所有数字）完全对齐？谢谢
我正在尝试在表格的第一行下放置一行，但是行不通。我遵循了w3学校指南中的表格，但没有显示如何放置线条。我试图在边框上放一个边框，但是在边框上留了一个缝隙。当我尝试在tr上放置边框时，它不起作用。
这是我的代码：
tr {
border-style: solid;
border-width: 2px;
border-color: black;
}<table>
<tr>
<th>First Name</th>
<th>Last Name</th>
<th>Age</th>
</tr>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
<tr>
<td>John</td>
<td>Doe</td>
<td>80</td>
</tr>
</table>