Artikeln förutsätter att du läst de föregående artiklarna i Dreamweaver Guide.
Kantlinjer
Skapa kantlinjer i CSS med Dreamweaver
Låt säga att du vill skapa en heldragen svart linje som omsluter navigationsmenyn/sidhuvudet, en annan heldragen linje som omsluter huvudtexten och en tredje streckad linje som omsluter alla sidor utom toppsidan på sidfoten.
- Eftersom du vill formatera både sidhuvud och huvudtext och redan har div#sidhuvud samt div#huvudtext i din stilmall så lägger du till detta i dina båda deklarationer:
border: solid 1px;
- Till sidfoten skulle du ha en streckad linje som är öppen upptill. Till deklarationen för sidfoten lägger du därför till:
border-style: none dotted dotted dotted; border-width: 0 1px 1px 1px;
Det går dock lika bra om du istället för ovanstående kod lägger till:
border-right: dotted 1px; border-bottom: dotted 1px; border-left: dotted 1px;
...som är "långformen" för att sätta dessa egenskaper.
- Bara för att du ska lära dig en sista grej så byter vi färg på kantlinjen för sidfoten till samma färg som för texten inom sidfoten med:
border-color: #333333;
Så här bör din webbsida se ut nu: HTML-version
Filer för nedladdning: HTML (.txt) CSS (.txt)
Nästa artikel: Skapa och formatera länkar
