無法設置表格的標題背景我想要的方式

-2

我試圖改編一些我發現的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; 
}

我解釋什麼，我想通過圖像：

enter image description here

編輯：比如我希望在右側白色區域，當我添加填充 - 右側：0.2em;將「」變成「th」。但它不會改變任何事情。

來源

2015-06-19 onurcano22

請儘量解釋清楚你想要什麼，以實現和你被卡住的位置。添加你的HTML並從CSS中刪除不相關的部分（如動畫）。你的問題有很多「噪音」。 – GolezTrol

我編輯了這個問題。感謝您的回覆，並通過編輯問題來幫助我。 – onurcano22

這是你所期待的嗎？

.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; 
 
}

<div class="table"> 
 
    <div class="header">Header</div> 
 
    <div class="header">Header</div> 
 
</div>

來源

2015-06-19 22:06:33

是的，正是我想要的！我會嘗試將其適用於表格標籤。非常感謝。 – onurcano22

無法設置表格的標題背景我想要的方式

回答

相關問題