无法按照我想要的方式设置表格的标题背景

Question

我正在尝试调整我找到的一些css代码，但是我的桌子看起来很难看（据我所知）。我将在图片上解释这一点。

的CSS：

td, th {
    border-left: 1px solid #494437;
    border-top: 1px solid #494437;
    padding: 10px;
    text-align: left;    
}

th {
    background-color: #b8ae9c;

    -webkit-box-shadow: inset 2px 2px 0px 0px rgba(255,255,255,1);
    -moz-box-shadow: inset 2px 2px 0px 0px rgba(255,255,255,1);
    box-shadow: inset 2px 2px 0px 0px rgba(255,255,255,1);

    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

td:first-child, th:first-child {
    border-left: none;
}

我用图片解释了我想要的东西：

编辑：例如，当我将 padding-right：0.2em; 添加到＆＃34; th＆＃34;时，我希望右侧有白色区域。但它并没有改变任何东西。

Answer 1

这是你期待的吗？

＆＃13;

＆＃13;

def create
  @certificate = current_user.certificates.create(certificate_params)
  redirect_to certificate_path(@certificate)
end

＆＃13;

.table {
  border: 1px solid #000;
  float: left;
}

.header {
  border: 2px solid #ccc;
  border-width: 2px 0 0 2px;
  background-color: #b8ae9c;
  margin: 2px;
  float: left;
}

＆＃13;

＆＃13;

＆＃13;