farge = green, white, red, orange, grey, pink, blue, lightblue osv.
Når du skal endre farge på både tekst og bakgrunn på et HTML-element, må du ha semikolon ; mellom dem. Vi setter inn stilen som består av to egenskaper og verdier for disse etter attributtet style, anførselstegnene gjelder for hele stilen til overskriften, slik: <h1 style="background-color: green; color: white;">Min overskrift</h1> fil:///IT1/Kode1/Kap2/nyheter.html
Med CSS bestemmer vi fargen på både overskriften og bakgrunnen. Bakgrunnsfargen strekker seg til høyre og fyller hele bredden.
Min overskrift EKSEMPEL
Skriftfarge og bakgrunnsfarge En overskrift skal stå på bakgrunnsfargen lightgrey og ha skriftfargen red. Vi legger inn CSS-koden i start-taggen i h1-elementet med attributtet style. Vi skal også ha et p-element med blå tekst. <!DOCTYPE html> <html lang="no"> <head> <meta charset="UTF-8"> <title>CSS</title> </head> <body> <h1 style="background-color: lightgrey; color: red;">Høstferie</h1> <p style="color: blue;">Vi reiser til Sirdalen i høstferien.</p> </body> </html>
Vi har endret både skriftfarge og bakgrunnsfarge.
fil:///IT1/Kode1/Kap2/nyheter.html
Høstferie Vi reiser til Sirdalen i høstferien
Padding og margin Alle HTML-elementer kan sammenlignes med en boks.
I eksempelet ovenfor er overskriften nesten like stor som bakgrunnen. Alle HTML-elementer kan sammenlignes med en boks. Med stilen padding kan vi legge inn et mellomrom mellom kanten av boksen og teksten, slik at det fargede feltet blir større. CSS-koden er padding: antall px. Størrelsen på mellomrommet bestemmes av et visst antall bildepunkter eller piksler.
36
Kode1_Informasjonsteknologi Kap02.indd 36
24.05.2017 15:29:05