画像を使わずにCSSでタブをデザインする。
1 | #profile-menu li a { |
2 | font-size: 1.1em; |
3 | background-color: #ddd; |
4 | padding: 4px 7px; |
5 | border-top: 3px double #9e9e9e; |
6 | position: relative; |
7 | top: -10px; |
8 |
9 | -moz-border-radius-topleft: 6px; |
10 | -khtml-border-top-left-radius: 6px; |
11 | -webkit-border-top-left-radius: 6px; |
12 | border-top-left-radius: 6px; |
13 |
14 | -moz-border-radius-topright: 6px; |
15 | -khtml-border-top-right-radius: 6px; |
16 | -webkit-border-top-right-radius: 6px; |
17 | border-top-right-radius: 6px; |
18 |
19 | -moz-border-radius-bottomleft: 6px; |
20 | -khtml-border-bottom-left-radius: 6px; |
21 | -webkit-border-bottom-left-radius: 6px; |
22 | border-bottom-left-radius: 6px; |
23 |
24 | -moz-border-radius-bottomright: 6px; |
25 | -khtml-border-bottom-right-radius: 6px; |
26 | -webkit-border-bottom-right-radius: 6px; |
27 | border-bottom-right-radius: 6px; |
28 | } |