Táblázat beállítások

table, th, td {
    border: 1px solid black;
}

table {
    border-collapse: collapse;
}
 
table, th, td {
    border: 1px solid blakc;
}

td {
    width: 50px;
    background-color: yellow;
}

Cella közötti, cella és tartalma közötti tér

Cellák közötti tér

table {
    border-spacing: 20px;
}

A cella és tartalma közötti tér

td {
    padding: 50px;
}

A szegély összeolvasztása vagy elkülönítése

table {
    border-collapse: collapse;
}

Lehetséges értékei:

collapse	A szegély összeomlik egyetlen vonallá, amikor lehetséges. (border-spacing és a empty-cells beállítások nem működnek)
separate	A szegély különálló (border-spacing és empty-cells beállítások működnek). Alapértelmezett
inherit	A border-collapse tulajdonság a szülő elemtől öröklött.

Cella tartalmának színe, igazítása

td {
    text-aling: center;
    color: yellow;
}

Példa

table, td, th {
    border-collapse: collapse;
    border-width:1px;
    border-style: solid;
    border-spacing: 20px;
}
td {
    padding:15px;
 
}

Z-index

<div id="egy" >z-index: 1</div>
<div id="ketto">z-index: 2</div>
<div id="harom">z-index: 3</div>

#egy {
    position: relative; left: 0px; top:0px; width:100px; height:100px; 
    background: #f00;
    z-index:3;
}
 
#ketto {
    position: relative; left: 50px; top:-50px; width:100px; height:100px; 
    background: #0f0;
    z-index:2;
}
 
#harom {
    position: relative; left: 100px; top:-100px; width:100px; height:100px; 
    background: #00f;
    z-index:1;
}

z-index: 3

z-index: 2

z-index: 1

z-index: 1

z-index: 2

z-index: 3

Az utóbbi példában a dobozok z-indexét megfordítottuk:

#egy {
    position: relative; left: 0px; top:0px; width:100px; height:100px; 
    background: #f00;
    z-index:1;
}
 
#ketto {
    position: relative; left: 50px; top:-50px; width:100px; height:100px; 
    background: #0f0;
    z-index:2;
}
 
#harom {
    position: relative; left: 100px; top:-100px; width:100px; height:100px; 
    background: #00f;
    z-index:3;