Táblaszegélyek - WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS

Táblaszegélyek

A táblaszegélyek beállításának módja megegyezik a szegélyeknél megismerttel.

Összevont beállításnál a border tulajdonságot használjuk, amelynek paraméterezését már ismerjük.

Külön állíthatjuk a cellák, valamint a táblázat szegélyeinek jellemzőit. Az esetek többségében azonban a táblázat minden elemére azonos beállításokat használunk.

Példa:

Forráskód


<style>
  table, th, td
  {
    border: 1px solid green;
  }   
</style>     
...
<body>
  <table>
  <tr>
    <th> 1. sor és 1. oszlop </th>
    <th> 1. sor és 2. oszlop </th>
  </tr>
  <tr>
    <td> 2. sor és 1. oszlop </td>
    <td> 2. sor és 2. oszlop </td>
  </tr>
  </table>   
</body>

Eredmény*

* Az eredmény megjelenítése az Ön által használt böngészőtől függ.
A példakód külön ablakban is megtekinthető: css_szegely_stilus.html