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

Kommentarer

DROP THE LOVE HERE:

NAMN:
Kom ihåg?

MAIL:

BLOGG:


DROP THE LOVE:

Trackback
Pink isn´t just a color, it´s an attitude
RSS 2.0

5
Designer till Salu