1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
【Plurk CSS note and example @star_fall22】


▶ 選擇器 ◀
「.」→class
「#」→id
「:hover」→碰觸

▶ 屬性與屬性值 ◀

/*優先*/
!important

/*顯示*/
display:none;
filter: alpha(opacity=0); opacity: 0; zoom:1;
overflow:visible;
z-index: -1;

/*尺寸位置*/
position:absolute;
width:auto;
width: 24px;
height: 24px;
top:-10px;
left:-4px;
margin: 0px;
padding: 0px;

/*顏色rgba(255, 106, 106, 0.05)*/
background: #FFFFFF
color: #000000
text-color:#000000;
text-shadow: 0 0 3px #fff;

/*盒框*/
border-radius: 6px;
border:2px #ffa59a solid;
box-shadow:4px 4px 0px rgba(255, 165, 154,0.6)

/*字體*/
font-family: "Lato", 'Heiti TC', "微軟正黑體", "Micorosft JhengHei", sans-serif;
font-size: 16px;
font-size: 3em;
text-decoration:none;
font-weight:bold;
text-align:center;

/*動畫參數*/
transition:all 1s ease-in-out