| Drugačna prva črka |
| CSS vodiči |
|
Še ena CSS popestritev za izdelovalce spletnih strani. Sedaj lahko s pomočjo CSSja oblikujete prvo črko v odstavku. Lahko ji spremenite barvo, velikost, ozadje, obrobo, ... <html>
<head> <style type="text/css"> .crka { color: #3399FF; font-size: 20px; } .crka:first-letter { color: #FF0000; font-size: 100px; font-weight: bold; border: 1px dotted #3399FF; background: #dfefff; } </style> </head> <body> <div class="crka">Poved z drugačno prvo črko.</a> </body> </html> PRIKAZ iniciale Razlaga kode: .crka oblikuje celotno besedilo, ki je v div okvirju. Color je za barvo besedila, font-size pa za velikost .crka:first-letter oblikuje le prvo črko v div okvirju. Lahko uporabite večino atributov, ki se uporabljajo za oblikovanje besedila. *Ker lahko črki določite tudi ozadje ste lahko kreativni in v Photoshopu ustvarite kakšen vzorec za ozadje, da bo potem črka izgledala, kot iniciala, vendar ne pretiravajte. Kako se lahko drugačna prva črka uporabi za popestritev povezav? Preprosto: HTML in CSS koda: <html>
<head> <style type="text/css"> a.povezava { color: #3399FF; font-size: 20px; text-decoration: none; } a.povezava:hover { color: #FF0000; } .crka:first-letter { color: #FF0000; } </style> </head> <body> <a href="#" class="povezava"><p class="crka">Poved z drugačno prvo črko.</p></a> </body> </html>
|
| Sorodni vodiči | |
Moje-Mesto.com
Slovenska spletna stran s HTML, CSS, Windows in Photoshop vodiči.
