Home
> Pretty CSS Links Tool
You must have JavaScript enabled to use this webpage!
Font Size:
inherit
15px
16px
17px
18px
19px
20px
21px
22px
23px
24px
25px
26px
27px
28px
29px
30px
31px
32px
33px
34px
35px
36px
37px
38px
Text Color:
Hover Text Color:
Hover BG Color:
Padding Left/Right:
no padding
1px
2px
3px
4px
5px
6px
7px
8px
9px
10px
11px
12px
13px
14px
15px
16px
17px
18px
19px
20px
Padding Top/Bottom:
no padding
1px
2px
3px
4px
5px
6px
7px
8px
9px
10px
11px
12px
13px
14px
15px
Border Top:
Border Bottom:
Border Left:
Border Right:
Border Color:
Border Thickness:
no border
1px
2px
3px
4px
5px
6px
7px
8px
9px
10px
11px
12px
13px
14px
15px
Border Style:
dotted
dashed
solid
double
groove
ridge
inset
outset
Rounded Corners:
none
2px
4px
6px
8px
10px
12px
14px
16px
18px
20px
22px
24px
26px
28px
30px
Box Shadow:
none
1px
2px
3px
4px
5px
6px
7px
8px
9px
10px
Text Shadow:
none
1px
2px
3px
4px
5px
6px
7px
8px
9px
10px
This link will change when you click on:
"Update CSS"
Example
Here is Your CSS:
a { text-decoration: none; white-space: nowrap; font-size: inherit; padding-left: 1px; padding-right: 1px; padding-top: 1px; padding-bottom: 1px; border-radius: 0; color: blue; background: transparent; border-top: solid transparent 0px; border-bottom: solid transparent 6px; border-left: solid transparent 0px; border-right: solid transparent 0px; } a:hover { border-top: transparent 0px solid; border-bottom: blue 6px double; border-left: transparent 0px solid; border-right: transparent 0px solid; background: transparent; color: blue; }
©2020-2022 Eldaha Technologies