|
Sidehoved med CSS
|
|
Vi vil nu indsætte et DIV element som sidehoved. I mit
Stylesheet opretter jeg en selector som jeg kalder sidehoved: |
|
.sidehoved {
width:100%;
height:100px;
border-bottom: outset 1px;
border-bottom:10px;
}
|
|
Herefter oprettes elementet i min webside med følgende
kode:
<div class="sidehoved"><h1> Sidehoved med CSS
...</h1></div>
|
|
Se eksempel her |
Indsæt baggrundsbillede |
Ligesom du kan ændre baggrundfarve på dine elementer
kan du også indsætte et billede som baggrund. Syntaksen er følgende:
background-image:url("flnavn.filtype");
|
Gør billedet transparent |
Du kan gøre dine baggrundsbilleder mere eller mindre
transparente med følgende kode i dit stylesheet. Værdien kan sættes til
mellem 0-100.
filter:alpha(opacity=50);
|
|
Se eksempel med
baggrundsbillede i sidehovedet. |
|
Man skal dog være forsigtig med anvendelsen af
baggrundsbilleder. DU skal sikre dig at du har et billede som ikke
forstyrrer det samlede indtryk af siden og som gør det muligt at skabe
rimelig kontrast mellem billede og evt. overliggende tekst.
Bemærk også at baggrundsbilleder ikke virker i Netscape browseren. |