Prickar vid en länk
Hur man gör prickar vid en länk så som bilden nedan.
1. Gå till din Stilmall
2. Näst längst upp så ser det ut så här:
a {color: #5BBF21; text-decoration: none; font-size: 13px}
a:hover {color: #ADAFAA; text-decoration:none; font-size: 13px;}
a = är när man ser länken helt vanligt
a:hover = är när man har pilen på länken - mouseover
3. Lägg till:
border: 1px solid #000000:
border-bottom: 1px solid #000000;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
1px = storleken (1-6)
solid/dashed/dotted = en helrad,små streck =
#000000 = färgkod
border = runt hela
border-bottom = under
border-top = toppen/över
border-left/right = vänster/höger
Så här kan det se ut:
a:hover {color: #c8e9ef; text-decoration:none; font-size: 11px; border-top: dotted 1px #d60075; border-bottom: dotted 1px #d60075; }
Hoppas ni hängde med