Sett farge på en tekstlinje:
De fleste er enige, hvis de da ikke er det...
Dette putter du mellom Head-taggene:
<style type="text/css">
<!--
.gulbak{
background: #ffff99;
}
-->
</style>
|
Så skriver du teksten:
<h1 class="gulbak">Her kommer teksten din</h1>
Du kan erstatte H1 med f.eks. SPAN, DIV, P.
Dette er en liten tekst med gult. Bare tekststykke blir gult, ikke hele linjen
<span class="gulbak">Her kommer teksten din</span>
Dette er et stykke tekst som er stykket opp med gult!
Dette er et <font class="gulbak">stykke tekst</font> som er stykket <font class="gulbak">opp med gult!</font>
| Musen over her |
Musen over her |
| Musen over her |
Musen over her |
| Musen over her |
Musen over her |
| Musen over her |
Musen over her
|
Her må vi sette en annen style mellom HEAD-taggene:
<style type="text/css">
<!--
.change{
background-color: "lightgreen";
}
-->
</style>
|
Tabellen skriver du slik (tar bare med 2 rader):
<table width=350 border=0>
<tr onmouseover="this.className='change' " onmouseout="this.className='foof' ">
<td width="50%">Musen over her</td>
<td width="50%">Musen over her</td>
</tr><tr>
<td onmouseover="this.className='change' " onmouseout="this.className='foof' ">Musen over her</td>
<td onmouseover="this.className='change' " onmouseout="this.className='foof' ">Musen over her</td>
</td></tr></table>
|
NB: Sjekk at du får med ALLE apostrofene, både enkle og doble!)
Dersom du ønsker å ha begge stylene på siden slår du dem sammen slik:
<style type="text/css">
<!--
.gulbak{
background: #ffff99;
}
.change{
background-color: "lightgreen";
}
-->
</style>
|
Her kommer en annen type markering:
|
Her markerer du tekstykket ditt langs med venstre side.
Du kan legge "style-scriptet" både i DIV-tagger, P-tagger, SPAN-tagger etc.
Markeringen følger alle linjene du skriver som befinner seg mellom DIV,- P- og SPAN-taggene.
<div style="border-left:4px solid #ff0000;font:11px verdana;padding-left:5px;">
her kommer teksten din....
</div>
|
