Vastag, dőlt, aláhúzott szöveg formázása
Ehhez a stílushoz is CSS kódra van szükség, de gondolom ez már nem meglepő.
Ez a kód kell neked ahhoz, hogy meg tudd valósítani a szöveg formázását a tartalmadban,
ha beilleszetted a kódot jobb vagy bal oldaladra egyszerű modulodban. Abban a modulban csak CSS kód legyen.
Írd meg a tartalmat az oldaladra.
Én 3 féle szövegformázást készítettem, de persze bármelyiket átírhatod saját stílusoddá. Ehhez persze kis CSS tudás is szükséges. CSS-ről itt olvashatsz!
Demó látható
Akkor lássuk, hogyan is működik a kód a gyakorlatban.
lássuk
Itt a STRONG kódrész lép érvényben. Hogy hogyan? Annyi a dolgod, hogy a szövegszerkesztőben rányomsz a B betűre.
műkődik
Itt az EM kódrész lép életben. Itt a döntött I betűre nyomtam
gyakorlatban
Itt az U kódrész lép életben, az az az aláhúzott U betűre kattintottam.
Ugyan az a folyamat, mint mikor formázod a szövegedet, csak mivel CSS kód van hozzá rendelve, így azt veszi alapul a böngésző.
KÓD
<style type="text/css">
STRONG {
COLOR: #272928;
FONT-SIZE: 9PX;
letter-spacing: 1px;
background-color: #;
FONT-FAMILY: georgia;
border-bottom: 1 px solid #;}
U {
font-family: georgia;
font-size: 9px;
line-height: 8px;
TEXT-TRANSFORM: UPPERC ASE;
color: #9a0000;
font-weight: bold;
background-color: #F4558F;
text-decoration: none;
letter-spacing: 0px;}
EM {
COLOR: #7b7b78;
letter-spacing: px;
FONT-SIZE: 9PX;
FONT-FAMILY: georgia;
background-color: #;
border-bottom: 1px dotted #616161;}
-->
</style>
LindaDesign
2009. 02. 11
|