自己設計個人主頁風格，這需要你瞭解一定的CSS知識
CSS內容:

/*[name]範例[/name]*/

/*超連結顏色*/

a{ color: #900; }

/*背景圖案*/

body { padding: 0 0 50px; background:  url(demo/images/body_bg.gif); color: #666; }

#wrap { padding: 15px 10px; border: 3px solid #EDC18A; background: #FFF; }

/*頂部橫條顏色*/

#header { margin: 0; background: url(demo/images/top_bg.jpg) repeat-x; color: #CCC; }

/*頂部中間的圖案*/

.headerwarp { height: 140px; background: url(demo/images/header.gif) no-repeat 0 40px; }

/*頂部超連結顏色*/

#header a { color: #2C629E; }

/*頂部logo*/

#header .logo a { width: 82px; height: 40px; background: url(demo/images/logo.gif) no-repeat left center; overflow: hidden; display: block; }

/*頂部logo位置*/

#header .logo a img { margin: -200px; }

/*頂部登入背景*/

.login_thumb { background-image: url(demo/images/login_bg.gif); }

#ubar h2,

#space_page .feed_header,

/*橫條樣式*/

.sidebox h2.title { padding: 0 10px; height: 30px; border-bottom: 3px solid #EDC18A; background: #F2F2F2 url(demo/images/body_bg.gif); color: #900; line-height: 29px; }

.ulist,

#space_page .feed li,

#space_page .comments_list li,

#footer { border-color: #ECF1F3; }

.tabs_header{ position: absolute; margin:-44px 0 0 170px; width: 600px; border: none;}

/*選單背景圖*/

.tabs_header ul.tabs li a, .tabs_header ul.tabs li a span{ background-image: url(demo/images/tab_bg.gif); color: #FFF; }

.tabs_header ul.tabs li.active a, .tabs_header ul.tabs li.active a span{ background-image: url(demo/images/active_tab_bg.gif); color: #5778A1; }

 

.tabs_header ul.tabs li{margin: 0 5px 0 0;}