首先先到一下網址 就會看到以下畫面 http://move.pixnet.tw/ 您的暱稱 新家網址 產生語法 <p>嗨~我是..,我已經搬家囉</p><span>我的新家在這邊:<a href='http://..'>http://..</a>,歡迎來看看唷!</span> 4按下確定 5回到部落格頁面 6點選樣式管理 7點選小頁籤修改CSS樣式表 8將CSS表格中的所有CSS碼清除,並且由下列二個顏色的CSS擇一,複製貼到CSS表格中 藍色畫面的CSS /*--------------------------------- 藍 ---------------------------------*/ h1 , #links , .blogbody , .date {display:none;} #description2{background:#1e4bb9;padding:100px 100px;margin-top:150px;font-family:"Simhei";font-size:2.4em;color:#fff;letter-spacing:-2px;height:110px;} #description2 p{color:#fff; background:url('http://move.pixnet.tw/dot.gif') no-repeat 0px 12px; padding-left:30px;} #description2 .description span{display:block;margin:20px 0px 0px 40px;font-size:.8em;color:#a4bcf7;} #description2 .description span a{font-family:"Century Gothic";letter-spacing:0;color:#ff0;} #description2 .description span a:hover{color:#ff5579;} body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin:0;padding:0;}table {border-collapse:collapse;border-spacing:0;}fieldset, img {border:0;}address, caption, cite, code, dfn, em, th, var {font-style:normal;font-weight:normal;}ol, ul {list-style:none;}caption, th {text-align:left;}h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}q:before, q:after {}abbr, acronym {border:0;}pre{font-size:1em;} 綠色畫面的CSS /*--------------------------------- 綠 ---------------------------------*/ h1 , #links , .blogbody , .date {display:none;} #description2{background:#689800;padding:100px 100px;margin-top:150px;font-family:"Simhei";font-size:2.4em;color:#fff;letter-spacing:-2px;height:110px;} #description2 p{color:#fff; background:url('http://move.pixnet.tw/dot.gif') no-repeat 0px 12px; padding-left:30px;} #description2 .description span{display:block;margin:20px 0px 0px 40px;font-size:.8em;color:#cdf47a;} #description2 .description span a{font-family:"Century Gothic";letter-spacing:0;color:#ff0;} #description2 .description span a:hover{color:#ff4e00;} body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin:0;padding:0;}table {border-collapse:collapse;border-spacing:0;}fieldset, img {border:0;}address, caption, cite, code, dfn, em, th, var {font-style:normal;font-weight:normal;}ol, ul {list-style:none;}caption, th {text-align:left;}h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}q:before, q:after {}abbr, acronym {border:0;}pre{font-size:1em;} 9按下存檔 10回到部落格,就可看到全新的搬家畫面囉!
感恩喲 #description2{background:#1e4bb9;padding:100px 100px;margin-top:150px;font-family:"Simhei";font-size:2.4em;color:#fff;letter-spacing:-2px;height:110px;} #description2 p{color:#fff; background:url('http://move.pixnet.tw/dot.gif') no-repeat 0px 12px; padding-left:30px;} #description2 .description span{display:block;margin:20px 0px 0px 40px;font-size:.8em;color:#a4bcf7;} #description2 .description span a{font-family:"Century Gothic";letter-spacing:0;color:#ff0;} #description2 .description span a:hover{color:#ff5579;} body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin:0;padding:0;}table {border-collapse:collapse;border-spacing:0;}fieldset, img {border:0;}address, caption, cite, code, dfn, em, th, var {font-style:normal;font-weight:normal;}ol, ul {list-style:none;}caption, th {text-align:left;}h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}q:before, q:after {}abbr, acronym {border:0;}pre{font-size:1em;}