Korábban nem tértem ki részletesen arra, hogy milyen kereteket tudunk megadni. De nem csak sima solid keretet adhatunk egy képnek, szövegnek, táblázatnak, vagy modulnak, hanem lehet pontozott is, valamint akár lehet mindegyik más színű és méretű is. Én a példámban mindnek egy színt adtam, egy mérettel, de ezeket lehet variálni.

Valamint ha nem akarom mindet külön kiírni, akkor funkcionál ez is:

border: 2px solid #000000;

Kerekítéshez pedig ez is:

border-radius: 25%;

Ide most kénytelen vagyok nektek példákat is betenni, mivel máshogy nem tudom érthetően elmondani.

pontozott

szaggatott

szolíd

dupla

groove

ridge

inset

outset

Az utolsó 4 3D-s hatású keret.

Parancsuk:

border: 2px dotted #000000;

border: 2px dashed #000000;

border: 2px solid #000000;

border: 2px double #000000;

border: 2px groove #000000;

border: 2px ridge #000000;

border: 2px inset #000000;

border: 2px outset #000000;

Eezeket természetesen lehet variálni is:

border-left: 1px dotted #000000;

border-right: 1px dotted #000000;

boder-top: 2px dashed #ededed;

border-bottom: 2px dashed #ededed;

Később a táblázatokra is rátérek, csak akartam, hogy lássátok, miket lehet kihozni belőle.

Kifejezetten csak egy szövegrészhez így lehet hozzárendelni keretet.

border-right: 2px dotted #000000;

border-top: 3px dashed #ededed;

Ide jöhet is a szöveged, Bármit lehet írni, és a körvonala pontozott és szaggatott lesz.