CSS : Vastag, dőlt, aláhúzott betűk formázása kóddal |
Vastag, dőlt, aláhúzott betűk formázása kóddal
Ha azt szeretnéd, hogy a vastagra / dőltre / aláhúzottra állított szövegeid ugyanolyan színűek legyenek, akkor ezzel a kis kóddal megadhatod a színüket. Ebben az a jó, hogyha már van egy másik CSS-d, amitől az egész oldaladon ugyanolyan színű lett a szöveg, akkor ezzel a kóddal felül tudod írni.
Példa:
Tegyük fel, hogy a jelenleg használt CSS-dben a betűk színe szürke. Ha ebben a kódban piros színt adsz meg a vastag betűkhöz (félkövér), akkor, ha valamit a szövegszerkesztőben vastagra, tehát félkövérre állítasz, akkor az piros színnel fog megjelenni az oldalon.
Ha még mindig nem érted, kattints ide még egy példáért :)
De nem csak a szöveg színét, hanem a szöveg háttérszínét is megadhatod!
Ha valamelyik formázásnál nem akarsz változtatást, akkor írd, hogy none. Tehát, ha pl. a dőlt betűnél nem akarsz színt megadni, akkor írd: color: none, de ettől függetlenül a háttér színt megadhatod, vagy ha nem szeretnéd, akkor pedig background: none.
strong: vastag (félkövér)
em: dőlt
u: aláhúzott
mind a 3 részre ezek vonatkoznak:
color: betű színe
background: betű háttérszín, ami akár kép is lehet, csak akkor írd át erre a background szót és a mögötte levő színkódot erre: background-image: url("KÉPED URL-JE")
Kód:
<style type="text/css">
strong
{color: #ff0000; background: #000000; }
em
{color: #50e3e5; background: #000000; }
u
{color: #68e550; background: #000000; }
</style>
További formázások is megadhatók, másold innen, amit szeretnél, s illeszd be a kódban a { } közé, a többi elemtől pontosvesszővel elkülönítve:
font-family: verdana; - betűtípus
font-size: 8pt; - betűméret
text-transform: uppercase; - összes betű nagy
text-transform: capitalize; - szó első betűje nagy
text-decoration: underline; - aláhúzott
text-decoration: overline; - felülhúzott
text-decoration: line-through; - áthúzott
letter-spacing: 2px; - betűk közötti távolság
border: #000000 1px solid; - keret, ebben a formában az egész szöveg körül keret lesz látható, a keret színe a #000000, vastagsága az 1px, stílusa a solid, ami sima vonalat jelent. A solid szót átírhatod pontozottra: dotted, szaggatottra: dashed, dupla vonalra: double.
border-top: #000000 1px solid; - szegély a szöveg felett, ugyanaz vonatkozik rá, mint a sima borderre, átírhatod a színét, vastagságát, stílusát (solid, dotted, dashed, double)
border-bottom: #000000 1px solid; - szegély a szöveg alatt (aláhúzás), ugyanaz vonatkozik rá, mint a sima borderre, átírhatod a színét, vastagságát, stílusát (solid, dotted, dashed, double)
border-right: #000000 1px solid; - szegély a szöveg jobb oldalán, ugyanaz vonatkozik rá, mint a sima borderre, átírhatod a színét, vastagságát, stílusát (solid, dotted, dashed, double)
border-left: #000000 1px solid; - szegély a szöveg bal oldalán, ugyanaz vonatkozik rá, mint a sima borderre, átírhatod a színét, vastagságát, stílusát (solid, dotted, dashed, double)
|