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
/*讓自介小噗寶位置是以自介的邊界來算*/
#about_me {
position:relative;
}

/*========自介欄-第一個噗寶(會在文字底下，超出預設範圍會裁切)========*/
#about_me{
background: url(網址);
background-repeat: no-repeat;
background-position:80px 0px
}

/*========自介欄-第二個噗寶(會在文字上，可放到任何地方)========*/
#about_me:before {
position:absolute;
/*圖片*/ content:url(網址);
/*距離右側*/ right:-35px; /*換成left就是距離左側*/
/*距離下方*/ bottom:130px; /*換成top就是距離上方*/
/*圖片大小*/ width:96px; /*只調寬，高會自動，換成height就是只調高，寬自動*/
}

/*========自介欄-第三個噗寶(會在文字上，可放到任何地方)========*/
#about_me:after {
position:absolute;
/*圖片*/ content:url(網址);
/*距離右側*/ right:685px; /*換成left就是距離左側*/
/*距離下方*/ bottom:350px; /*換成top就是距離上方*/
/*圖片大小*/ width:96px; /*只調寬，高會自動，換成height就是只調高，寬自動*/
}