Хотите использовать cellpadding и cellpacing в таблице по классу CSS в другом файле стиля

Question

В настоящее время я делаю это по HTML и хочу делать то же самое с помощью CSS. Я пробовал себя, но он не работает. Мой рабочий HTML ниже.

<table class="product_tabel" cellspacing="2" cellpadding="3"> 

Но я хочу, чтобы использовать его CSS класса product_tabel так, как я могу это сделать?

.product_tabel 
    { 
    cellspacing :2; 
    cellpadding:3; 
    } 

Answer 1

пытаются таким образом

используется для для cellspacingtable{border-collapse: separate; border-spacing: 3px;}иcellpaddingtd{padding:2px;}

демо

.product_tabel 
 
    { 
 
     border: solid 1px red; 
 
border-collapse: separate; 
 
border-spacing: 3px; 
 
     border:solid 1px red; 
 
    } 
 

 
.product_tabel td, .product_tabel th{border:solid 1px green;padding:2px;}

<table class="product_tabel"> 
 
<tr><td>Hello</td><td>Hello</td><td>Hello</td><td>Hello</td></tr> 
 
    <tr><td>Hello</td><td>Hello</td><td>Hello</td><td>Hello</td></tr> 
 
    <tr><td>Hello</td><td>Hello</td><td>Hello</td><td>Hello</td></tr> 
 
    <tr><td>Hello</td><td>Hello</td><td>Hello</td><td>Hello</td></tr> 
 
    <tr><td>Hello</td><td>Hello</td><td>Hello</td><td>Hello</td></tr> 
 
    </table>

table { border-spacing: 3px; } /* cellspacing */ 

th, td { padding: 3px; } /* cellpadding */ 

---

CSS Cellspacing

Answer 2

использование просто обивка вместо CELLPADDING

.product_tabel 
{ 
    padding:3px; 
} 
td{ padding:5px;} 

Answer 3

Вы можете предоставить гр сс как: [? Set CELLPADDING и CELLSPACING в CSS]

.product_tabel { 
     border-spacing: 5px; 
     border-collapse: separate; 
} /* cellspacing */ 

.product_tabel th, .product_tabel td { padding: 5px; } /* cellpadding */