Modifier le code css d'un seul tableau ?

je comprends pas trop..
expliqué comme tu le fais ma réponse serait: donne un id à ton tableau.

Je suis débutante et j'ai certainement oublié quelque chose ...

Ci dessous copie de mes 2 tableaux et de pa page se style css

PAGE index.html :

<table>
<tr><td><p><img src="images/photo pour cv.jpg" alt="ma photo"/></p> </td><td>Ce site présente mon CV.</p>
</td></tr>
</table>
</div>

PAGE X. html

<table >
<tr>
<th>a</th>
<th>b</th>
<th>c</th>
<th>d</th>
</tr>
</thead>

<tbody>

<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4.</td>
</tr>
<tr>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>

</tr>

</tbody>
</table>

FEUILLE DE STYLE EXTERNE CSS:

table

{
margin: auto;
border: 1px outset blue;
border-collapse: collapse;
}

th
{
background-color: yellow;
border: 4px outset blue;
color: #D36024;
font-size: 1.1em;
font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
}

td
{
background-color: #438b88;
border: 4px outset blue;

font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
text-align: center;
padding: 5px;
}

<table id="table1">
<tr><td><p><img src="images/photo pour cv.jpg" alt="ma photo"/></p> </td><td>Ce site présente mon CV.</p>
</td></tr>
</table>
</div>

<table id="table2">
<tr>
<th>a</th>
<th>b</th>
<th>c</th>
<th>d</th>
</tr>
</thead>

<tbody>

<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4.</td>
</tr>
<tr>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>

</tr>

</tbody>
</table>
dans ta feuille de style tu fais ton design sur les id pas sur les balises exemple:

#table1
{
margin: auto;
border: 1px outset blue;
border-collapse: collapse;
}

cela dépend de la disposition que tu souhaite