變更按鈕的由表設計成具有CSS

-1

考慮下面的代碼顯示由表構成兩個不同的按鈕（<tbody class="btn btn-left">顏色是一個按鈕，並<tbody class="btn btn-right">是另一個按鈕：變更按鈕的由表設計成具有CSS

<table> 
<tbody class="btn btn-left"> 
    <tr> 
    <td class="btn-tl"></td> 
    <td class="btn-tc"></td> 
    <td class="btn-tr"></td> 
    </tr> 
    <tr> 
    <td class="btn-ml"></td> 
    <td class="btn-mc"></td> 
    <td class="btn-mr"></td> 
    </tr> 
    <tr> 
    <td class="btn-bl"></td> 
    <td class="btn-bc"></td> 
    <td class="btn-br"></td> 
    </tr> 
</tbody> 
</table> 

<table> 
<tbody class="btn btn-right"> 
    <tr> 
    <td class="btn-tl"></td> 
    <td class="btn-tc"></td> 
    <td class="btn-tr"></td> 
    </tr> 
    <tr> 
    <td class="btn-ml"></td> 
    <td class="btn-mc"></td> 
    <td class="btn-mr"></td> 
    </tr> 
    <tr> 
    <td class="btn-bl"></td> 
    <td class="btn-bc"></td> 
    <td class="btn-br"></td> 
    </tr> 
</tbody> 
</table>

CSS中工作，但沒有按」 T target的在TD，這是我需要

.btn-left { 
    background-color: red; 
    border-color: red; 
} 

.btn-right { 
    background-color: blue; 
    border-color: blue; 
}

你如何建立的CSS使一個按鈕顯示顏色和其他按鈕顯示另一種顏色？

謝謝你的幫助。

來源

2017-05-03 The Hidden Soul

的到底是什麼顏色？你爲什麼用桌子來顯示一個按鈕？你現有的CSS是什麼？ –

通過CSS瞄準他們 - 從神祕靈魂 –

@JanHančič我試圖改變背景的顏色和所有''和''的邊界在''內。 –

起初 - 您必須使用表格標籤。

然後把下面的類在樣式表：

.btn-left { color: blue; } 
.btn-right { color: red; }

a liddle fiddle

來源

2017-05-03 11:30:49

謝謝，這很接近。我編輯了我的帖子。基本上我需要目標的TD以及 –

你可以做這個表.class td .class ... –

哈！我不知道css combinators的功能，我需要做一個簡單的'tbody.btn-left> tr> td'。感謝您的好意和幫助！ –

變更按鈕的由表設計成具有CSS

回答

相關問題