昉昉兒。忘記背後，努力面前。

痞客邦版型名稱:簡單粉

版型說明:簡簡單單又不失可愛，象徵永遠的十八歲。搞怪又叛逆的粉色適合內心獨特的你。想當初年紀還小覺得粉色好娘，長大覺得我愛粉色我驕傲。

我在前一個版型上加了一些色塊讓它整體有點視覺上的重量，痞客邦的選單也調成紅色系以配合主題。

CSS語法:使用方式，全選複製貼到後台全部取代。

/* tatame38 : Thu, 28 Oct 2021 14:44:10 +0800 */ #banner,#content,#links{padding-top:40px}#banner,#view-mode{padding-bottom:40px}#banner,#banner h1,#banner h2{text-align:center}#banner h2,html{background:#fff;}#banner h2:before,#navigation:after{content:""}#article-area,#header,#spotlight{overflow:hidden}.article-content .secret-code-notify input[name=encrypted]:focus,.article-content .secret-code-notify input[name=article_passwd]:focus{outline:0}:root{--primary-color:#F4A7B9;--main-text-color: #444;--side-text-color:#bcbcbc;}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;}#banner,.article-content-inner,.box-text,.main-list table{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:'Noto Sans TC';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/notosanstc/v11/-nFkOG829Oofr2wohFbTp9i9kwMvDQ.otf) format('opentype')}@font-face{font-family:'Noto Sans TC';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/notosanstc/v11/-nF7OG829Oofr2wohFbTp9iFOQ.otf) format('opentype')}@font-face{font-family:'Noto Sans TC';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/notosanstc/v11/-nFkOG829Oofr2wohFbTp9i9ywIvDQ.otf) format('opentype')}@font-face{font-family:'Noto Sans TC';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/notosanstc/v11/-nFkOG829Oofr2wohFbTp9i9gwQvDQ.otf) format('opentype')}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v18/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaooCP.ttf) format('truetype')}html{font-size:16px;font-family:'Noto Sans TC','微軟正黑體',sans-serif;line-height:165%;color:#9b9b9b;color:var(--main-text-color)}a{color:#58B2DC;color:var(--primary-color);text-decoration:none}a:hover{color:#58B2DC;color:var(--primary-color);text-decoration:underline}#main{margin:0 auto;display: table;width: 1263px;}#main::after{content:'';display:table;clear:both}#content{float: right;width: 700px;vertical-align:top;position: relative;right: 280px;}.article-content,.article-content-inner{max-width:630px}#links{float: left;/* width:335px; */}@media only screen and (min-width: 1280px){#main{/* width: 1263px; */}#content{/* width:780px; *//* padding-right:50px; */}#links{/* width:360px */}.article-content,.article-content-inner{max-width:780px}}@media only screen and (max-width:1000px){#main{max-width:780px}#content{display:block;padding-right:20px}.article-content,.article-content-inner{max-width:600px}}#header{margin:0;display:flex;flex-direction:column;border-bottom:1px solid #eee}#banner{border-top:1px solid #eee;order:2;min-height:100px;background: #fff4f7;}#banner h1{width:100%;font-size:2.4rem;font-weight:700;padding:10px 0 20px;text-shadow:3px 2px 2px #FFF}#banner h2,#navigation a{font-size:.85rem;color:#9b9b9b}#banner h1 a{color:#343434;display:inline-block;line-height:1.2em;font-weight:700;max-width:600px}#banner h1 a:hover{color:#58B2DC;color:var(--primary-color);text-decoration:none}#banner h2{position:relative;display:inline-block;color:var(--main-text-color);max-width:500px;margin:0 auto;padding:4px 10px;letter-spacing:1px;line-height:1.8em}#spotlight,.article{background:url("data:image/svg+xml,%3Csvg width='8' height='7' viewBox='0 0 8 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='7' y1='0' x2='0' y2='7' stroke='%23C8C8C8' stroke-width='1'/%3E%3C/svg%3E") left bottom repeat-x}#banner h2:before{display:block;width:100%;padding:40px;height:100px;border-top:1px solid #bbb;position:absolute;top:50%;z-index:-10;left:-40px}#banner #blog-category,#banner .skiplink{display:none}#navigation{display: none;width:950px;height:40px;margin:0 auto;/* display:flex; */align-items:center;justify-content:flex-end;order:1;}#navigation:after{display:table;clear:both}#navigation li{height:32px;line-height:32px}#navigation a{color:var(--main-text-color);padding:0 13px;border-right:1px solid #ccc}#spotlight{padding-bottom:24px}#spotlight h5{color:#bcbcbc;color:var(--side-text-color);font-size:.8rem;line-height:1rem}#spotlight-text{color:#9b9b9b;color:var(--main-text-color);padding:5px 0}.article-body>div{order:6}.article{margin-bottom:30px;display:flex;flex-direction:column;padding-bottom:20px}.article-head{display:flex;flex-direction:column-reverse}#archives-main .article-head,#blog-main .article-head,#category-main .article-head{order:2}.publish{text-transform:uppercase;font-size:.8rem;line-height:1.7em;word-spacing:2px;color:#bcbcbc;color:var(--side-text-color);width:120px}.publish span{font-family:Raleway,sans-serif}.publish .day,.publish .time{display:none}.title{padding:12px 0}.title a{font-size:1.5rem;font-weight:700;line-height:1.6em;color:#343434}.title a:hover{color:#58B2DC;color:var(--primary-color);text-decoration:none}#archives-main .article-body,#blog-main .article-body,#category-main .article-body{margin-top:-26px;display:flex;flex-direction:column;order:3}.article-body .bookmark{margin:8px 0;font-size:.85rem}.article-content{padding-top:12px;line-height: 170%;font-size: 16pt;letter-spacing: 0.4px;color: #5c5c5c;text-align: justify;}#archives-main .article-content,#blog-main .article-content,#category-main .article-content{order:2}.article-content a{text-decoration:underline}.article-content a:hover{text-decoration:none;opacity:.75}.article-content .secret-code-notify{margin:24px 0}.article-content .secret-code-notify input[name=encrypted]{padding:5px 10px;border-radius:20px;border:1px solid #aaa;color:#aaa;font-size:1rem}.article-content .secret-code-notify input[name=article_passwd]{background:#aaa;border:none;border-radius:20px;font-size:.85rem;color:#fff;letter-spacing:2px;padding:5px 14px;line-height:19px}.article-content .secret-code-notify input[name=article_passwd]:hover{background:var(--primary-color);cursor:pointer}.article-content-inner p{margin:1em 0;/* color:#343434; *//* font-size:1.1rem; *//* line-height:1.75rem; */}.article-content-inner ol{list-style-type:decimal;padding:1em .5em 1em 2.5em}.article-content-inner ul{list-style-type:disc;padding:1em 0 1em 2.5em}.article-content-inner img{margin:10px 0;max-width:100%;height:auto}.article-content-inner h1{font-size:1.4rem;font-weight:700;margin:.5em 0}.article-content-inner h2{font-size:1.3rem;font-weight:700;margin:.5em 0}.article-content-inner h3{font-size:1.2rem;font-weight:700;margin:.5em 0}.article-content-inner h4,.article-content-inner h5,.article-content-inner h6{margin:.5em 0;font-weight:700;font-size:1.1rem}.article-content-inner b,.article-content-inner strong{font-weight:700}.article-content-inner em{font-style:italic}.article-content-inner hr{border-color:#58B2DC;border-color:var(--primary-color);border-style:dashed;opacity:.8}.article-content-inner blockquote{background:#f9f9f9;border-left:5px solid #58B2DC;border-color:var(--primary-color);margin:1.4em 25px;padding:1.6em 1.5em;quotes:"\201C""\201D""\2018""\2019"}.article-content-inner th,.article-content-inner tr:nth-child(odd) td{background:#f6f6f6}.article-content-inner blockquote:before{color:#ccc;content:open-quote;font-size:3em;line-height:.1em;margin-right:.25em;vertical-align:-.4em}.article-content-inner table{width:100%;border:1px solid #eaeaea}.article-content-inner td{padding:.6em;color:#343434;border-right:1px solid #eaeaea}.author,.author a{line-height:15px;color:#bcbcbc}.article-content-inner tr td:last-child{border-right:none}.article-content-inner tr:hover{border-left:1px solid #58B2DC;border-right:1px solid #58B2DC;border-color:var(--primary-color)}.article-content-inner iframe{max-width:100%}.author{padding-left:12px;margin-top:8px;color:var(--side-text-color);font-size:.8rem;word-spacing:2px;height:15px}.author a:nth-child(2),.author-views{padding-left:8px;border-left:1px solid #ddd}#archives-main .author,#blog-main .author,#category-main .author{order:1;margin-left:96px;border-left:1px solid #ddd}#article-main .author{float:right;height:16px}.author a,.author-views{display:inline-block;height:15px}.author a{vertical-align:top;color:var(--side-text-color)}.author a:first-child{padding-right:3px;color:#bcbcbc;color:var(--side-text-color)}.author-views{margin-left:3px;font-size:13px}.author a img,.forward{display:none}.author a:nth-child(4):after{content:"\7de8\8f2f";color:#58B2DC;color:var(--primary-color);padding-left:4px}.author a:nth-child(5):after{content:"\522a\9664";color:#58B2DC;color:var(--primary-color);padding-left:4px}.article-body>div:last-child{clear:both;margin-top:16px}.article-body>div:last-child>div{margin:0 auto}.pix-related-post{order:5;max-width:100%}#article-main .refer li,.history{max-width:680px}.article-footer{padding-top:5px;order:1}#article-main .article-footer{margin-top:14px;font-size:.85em}.history{margin:0 0 20px}.more{height:48px;margin:16px 0;text-align:right}.more a{display:inline-block;box-sizing:border-box;text-align:center;width:160px;position:relative;padding:8px 10px;font-size:.83rem;color:#fff;background:var(--primary-color);border:1px solid #58B2DC;border-color:var(--primary-color);transition:box-shadow .7s,color .2s;text-decoration:none}.more a:hover{box-shadow:inset 0 -4px 7px -4px #58B2DC;box-shadow:inset 0 -4px 7px -5px var(--primary-color);background:#fff;color:#58B2DC;color:var(--primary-color);text-decoration:none}#archives-main .refer,#blog-main .refer,#category-main .refer{visibility:hidden}#archives-main .refer li a,#blog-main .refer li a,#category-main .refer li a{visibility:visible;float:left;padding:4px 16px;border:1px solid #58B2DC;border-color:var(--primary-color);font-size:.9em;color:#fff;background:var(--primary-color);transition:box-shadow .6s,color .2s}#archives-main .refer li a:hover,#blog-main .refer li a:hover,#category-main .refer li a:hover{background:#fff;color:#58B2DC;color:var(--primary-color);text-decoration:none;box-shadow:inset 0 -4px 4px -4px #58B2DC;box-shadow:inset 0 -4px 4px -4px var(--primary-color)}#archives-main .back-to-top,#blog-main .back-to-top,#category-main .back-to-top{display:none}#article-main .refer{padding:28px 0 14px;background:url("data:image/svg+xml,%3Csvg width='8' height='7' viewBox='0 0 8 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='7' y1='0' x2='0' y2='7' stroke='%23C8C8C8' stroke-width='1'/%3E%3C/svg%3E") left top repeat-x}.back-to-top{text-align:right;margin-top:-40px}#article-main .back-to-top a{display:inline-block;background:var(--primary-color);opacity:.5;color:#fff;padding:2px 12px;font-size:14px;transition:opacity .4s}#article-main .back-to-top a:hover{opacity:1;text-decoration:none}.tag__header{font-weight:400;margin:8px 0 0}.article-keyword{margin:14px 0}.article-keyword a,.global-keyword a{color:#bcbcbc;color:var(--side-text-color);margin-right:9px;padding:0 2px;margin-bottom:15px}.tag-container-parent .tag__main{margin-top:0}.user-post-title{font-size:14px;font-weight:300;height:30px;margin:10px 0;line-height:30px}#comment-title-span{line-height:30px;vertical-align:middle}#comment-text-switch{display:inline-block;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:20px;width:20px;height:20px;background:url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='38' height='38' rx='3' stroke='%239B9B9B' stroke-width='2'/%3E%3Cline x1='10' y1='20' x2='30' y2='20' stroke='%239B9B9B' stroke-width='2'/%3E%3C/svg%3E") left center no-repeat;vertical-align:middle;margin-right:6px}#comment-text-switch[alt="open comments list"]{background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='38' height='38' rx='3' stroke='%239B9B9B' stroke-width='2'/%3E%3Cline x1='10' y1='20' x2='30' y2='20' stroke='%239B9B9B' stroke-width='2'/%3E%3Cline x1='20' y1='30' x2='20' y2='10' stroke='%239B9B9B' stroke-width='2'/%3E%3C/svg%3E%0A")}.user-post-title img{display:none}.post-comment{width:130px;margin:-40px 0 10px 129px;line-height:25px}#content .post-comment a{display:block;font-size:.9rem;background:var(--primary-color);color:#fff;border:1px solid #58B2DC;border-color:var(--primary-color);text-align:center;font-weight:300;padding:3px 8px;transition:background .2s,color .45s}#content .post-comment a:hover{color:#58B2DC;color:var(--primary-color);background:#fff;font-weight:400;text-decoration:none}.single-post{margin:16px 0;padding:16px 0;border-top:1px solid #dedede}.post-info,.post-text{padding-left:43px;font-size:14px}.post-info{line-height:24px;margin-bottom:0;color:#555;position:relative;padding-top:30px}.post-info img{vertical-align:middle}.post-info .user-name a{color:#444;font-weight:700}.post-info .post-time,.post-text,.reply-text{font-weight:300}.post-info .identity-provider{display:none!important}.post-info .floor{width:40px;height:20px;line-height:21px;display:block;position:absolute;left:0;top:0;color:#ccc}.post-photo{margin-top:-30px;height:34px}.post-photo img{object-fit:cover;border-radius:50%;width:36px;height:auto;box-shadow:1px 1px 2px rgba(0,0,0,.3)}.post-text{color:#333}.reply-text{font-size:14px;padding:1px 10px 1px 7px;margin:4px 0 5px 45px;border-left:2px solid #58B2DC;border-color:var(--primary-color);color:#58B2DC;color:var(--primary-color)}.reply-text a:first-child{font-weight:700}.single-post.secret{border:1px solid #ccc}.single-post.secret .post-text{text-align:center;padding:.5em 0}#container #main #content #user-post #comment-box .comment-body p{color:#666}#container #main #content #user-post #comment-box input#comment_showname{padding:6px 16px;height:36px;width:100%;box-sizing:border-box}#container #main #content #user-post #comment-box .comment-textarea,#container #main #content #user-post #comment-box input#comment_showname{border-radius:0;background:#fff}#container #main #content #user-post #comment-box #comment-area{width:auto;margin:0;padding:24px;border:none;background:#f9f9f9}#container #main #content #user-post #comment-box #comment-area-2{border:none;width:auto;background:0 0;padding:0;margin:0}#container #main #content #user-post #comment-box .comment-identity{background:0 0;border:none;padding:0}#container #main #content #user-post #comment-box .comment-body{border:none;padding:12px 0 0;margin-top:12px;border-top:1px solid #e6e6e6}#container #main #content #user-post #comment-box .comment-textarea{width:100%;box-sizing:border-box}#container #main #content #user-post #comment-box .comment-textarea:focus-within,#container #main #content #user-post #comment-box input#comment_showname:focus-within{outline:#58B2DC solid 1px;outline-color:var(--primary-color)}#comment_text:focus,#search-target:focus{outline:0}#container #main #content #user-post #comment-box .comment-textarea textarea{width:100%;padding:21px 16px;box-sizing:border-box;font-size:14px;min-height:160px}#comment_showname::placeholder,#comment_text::placeholder{color:#d3d3d3;font-size:.88rem}#container #main #content #user-post #comment-box .private-message{margin-right:20px;margin-bottom:10px}#container #main #content #user-post #comment-box .identity-login img.photo{object-fit:cover;border-radius:50%;width:36px;height:auto;box-shadow:1px 1px 2px rgba(0,0,0,.3)}#container #main #content #user-post #comment-box .openid-identity{margin:0;line-height:40px;display:table-cell;vertical-align:middle;height:40px;float:none;padding-left:4px;font-weight:300}#container #main #content #user-post #comment-box .openid-identity span,#container #main #content #user-post #comment-box a.not-me{font-size:15px;font-weight:300}#container #main #content #user-post #comment-box .openid-identity img{display:none}#container #main #content #user-post #comment-box #comment-area .comment-extra button{padding:10px 30px;height:auto;border-radius:0;border-color:#58B2DC;border-color:var(--primary-color);background:var(--primary-color);color:#fff;font-weight:400!important;transition:background .3s}#container #main #content #user-post #comment-box #comment-area .comment-extra button:hover{color:#58B2DC;color:var(--primary-color);background:#fff;cursor:pointer}#container #main #content #user-post #comment-box #comment-area .comment-extra button:hover span{color:#58B2DC;color:var(--primary-color)}#container #main #content #user-post #comment-box #comment-area .comment-extra button span{color:#fff;font-size:14px}.page{margin:10px 0;font-size:16px;text-align:center}.page span{background:#eee;padding:2px 8px;color:#333}.page a{background:0 0;padding:2px 8px;margin:0 3px;transition:background .3s}.page a:hover{background:#eee}.box{margin:0 0 15px;}.box-title{background: #fff4f7;padding:11px;text-align:center;letter-spacing:.2em;color:#343434;border:1px solid #58B2DC;border-color:var(--primary-color);}h4.box-title a{position:absolute;right:10px}.box:hover h4.box-title a:after{content:"\8A2D\5B9A";font-size:14px;letter-spacing:1px;text-decoration:none;padding-left:3px}.box-text{color:#9b9b9b;color:var(--main-text-color);font-size:14px;padding: 3px;}.box-text a{color:#9b9b9b;color:var(--main-text-color)}.box-text a:hover{color:#58B2DC;color:var(--primary-color);text-decoration:none}#announce .box-text li,#hot-article .box-text li,#latest-comment .box-text li,#recent-article .box-text li,#subscription .box-text li{padding:12px 0;border-bottom:1px dashed #dfdfdf}#announce .box-text li:last-child,#hot-article .box-text li:last-child,#latest-comment .box-text li:last-child,#recent-article .box-text li:last-child,#subscription .box-text li:last-child{border-bottom:none}.box li a{display:block;}.box-more{margin:5px 10px;text-align:right;font-size:.85em;letter-spacing:.08em}#calendar td,#calendar th,#feed ul li,#links .google-adsense .box-text,#powered li,#user-info .box-text{text-align:center}#box-ad .box-text,#boxevent_clubbroadcast .box-text,#favorite .box-text,#hiiir .box-text{margin:0 15px}.box[data-plugin_type=mibsidebar1]{margin-top:18px!important}#express-box{margin:16px auto 0}#user-info .box-text{padding:0;margin:0 auto;min-width:120px;max-width:240px}#user-info .user-img{margin:16px auto;width:90px}#user-info .user-img img{object-fit:cover;border-radius:50%;box-shadow:1px 1px 4px rgba(0,0,0,.3)}#user-info .user-action{margin:8px auto;width:100px}div#user-info dl{display:inline-block}div#user-info dl:after{content:"";display:table;clear:both}div#user-info dt{clear:both}div#user-info dd,div#user-info dt{font-weight:400;/* color:#9b9b9b; */opacity:1;margin:0;float:left;font-size:.85rem;text-align:left;}body #newsfeed .newsfeed-content{font-size:.85rem;overflow:auto;height:auto}body #newsfeed ul span.update-link a{text-decoration:none;color:#9b9b9b;color:var(--main-text-color)}body #newsfeed ul span.update-link a:hover{text-decoration:underline}body #newsfeed .newsfeed-functions{color:#9b9b9b;color:var(--main-text-color)}body #newsfeed .newsfeed-content .newsfeed-author a{font-weight:400;font-size:.85rem;color:#58B2DC;color:var(--primary-color)}body #newsfeed .newsfeed-content .newsfeed-author{color:#9b9b9b;color:var(--main-text-color);font-size:13px;opacity:.75}body #newsfeed .newsfeed-content .newsfeed-author:hover{opacity:1}#feed ul{display:flex;flex-direction:column;width:200px;margin:8px auto}#feed ul li{margin-right:6px;margin-bottom:8px}#archive select{height:2.4em;width:14em;vertical-align:middle;box-sizing:border-box;font-size:14px;padding:0 8px;color:#666;border:1px solid #ccc;border-radius:3px}#archive select:hover{border-color:#58B2DC;border-color:var(--primary-color);color:#333}#archive .box-text{padding-top:16px}#counter .box-text{padding:1em 2em 0;font-size:15px}#powered .box-text{padding:1em 0}#powered li{width:200px;margin:0 auto;font-size:15px}#calendar .box-text{padding:0}#calendar table{width:100%;margin:1em auto .8em;border-radius:10px}#calendar tr.month-nav th{padding:10px 0}#calendar .weekday th{color:#9b9b9b;color:var(--main-text-color)}#calendar td,#calendar th{color:#ccc;font-size:14px;line-height:24px}#calendar .current-month{color:#9b9b9b;color:var(--main-text-color)}#calendar td{padding:2px 1px}#calendar .cal-backward a,#calendar .cal-forward a{display:inline-block;width:100%}#calendar .cal-backward a:hover,#calendar .cal-forward a:hover{background:var(--primary-color);color:#000;opacity:.25}#calendar td a{display:block;padding:0 1px;background:var(--primary-color);color:#fff;opacity:.6;transition:opacity .2s}#calendar td a:hover{opacity:1}#subscription ul{padding:8px}#subscription ul span{font-size:14px;text-align:right;color:#ccc;display:inline-block;width:100%;line-height:16px}#category h6,#category ul,#mylink .inner-box,#search-target{font-size:15px}#crumb ul,#visitor ul{overflow:hidden;margin:5px 15px}#crumb li,#visitor li{float:left;margin:0 2px 2px 0;display:inline;line-height:0;padding:0;background:0}#crumb li img,#visitor li img{width:50px;height:50px}#crumb .box-more,#visitor .box-more{margin-top:10px}#category h6,#category ul li{margin:6px 0;line-height:30px}#search{padding-bottom:16px}#search ul{margin:16px 0 0;height:36px;border:1px solid #ccc;border-radius:24px;display:table;padding:0 10px}#search li{display:table-cell;background:0;padding:0;border:none;margin:0;height:36px}#search li:first-child{width:100%;max-width:fit-content}#search li:last-child{margin-right:8px}#search-target{margin-left:2px;width:100%;max-width:280px;box-sizing:border-box;height:32px;border:none;padding-left:30px;display:inline-block;background:url("data:image/svg+xml,%0A%3Csvg width='25' height='25' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='18.5' cy='18.5' r='17.5' stroke='%239B9B9B' stroke-width='2'/%3E%3Cpath d='M30.5 30.5L33.5 33.5' stroke='%239B9B9B' stroke-width='2'/%3E%3Crect x='35.6569' y='31.4142' width='17' height='6' rx='2' transform='rotate(45 35.6569 31.4142)' stroke='%239B9B9B' stroke-width='2'/%3E%3C/svg%3E%0A") left center no-repeat}#search input#search-submit{border-radius:20px;letter-spacing:2px;background:#aaa;color:#fff;border:none;display:inline-block;margin-top:5px;text-align:center;padding:6px 15px}#search input#search-submit:hover{background:var(--primary-color);cursor:pointer}#category{letter-spacing:.03em}#category h6{color:#9b9b9b;color:var(--main-text-color);font-weight:400}#category h6 img,#mylink h6 img{display:inline-block;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:20px;width:20px;height:20px;background:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='38' height='38' rx='3' stroke='%239B9B9B' stroke-width='2'/%3E%3Cline x1='10' y1='20' x2='30' y2='20' stroke='%239B9B9B' stroke-width='2'/%3E%3Cline x1='20' y1='30' x2='20' y2='10' stroke='%239B9B9B' stroke-width='2'/%3E%3C/svg%3E%0A") left center no-repeat;vertical-align:middle;margin-right:6px}#category h6 img[alt="close comments list"],#mylink h6 img[src="//s.pixfs.net/blog/images/choc/minus.gif"]{background-image:url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='38' height='38' rx='3' stroke='%239B9B9B' stroke-width='2'/%3E%3Cline x1='10' y1='20' x2='30' y2='20' stroke='%239B9B9B' stroke-width='2'/%3E%3C/svg%3E")}#category h6:hover{color:#58B2DC;color:var(--primary-color)}#category ul{margin-bottom:0;margin-left:29px;line-height:30px}#category .inner-box ul{margin-left:45px;transition:display .4s}#category .box-more{margin:9px 0 0 27px;text-align:left}#mylink .inner-box h6{line-height:30px;padding-left:30px;opacity:.5}#mylink .inner-box .expandable{padding-left:0;cursor:pointer;opacity:1}#mylink .inner-box ul{margin-left:30px}#mylink .box-text li{line-height:30px}#latest-comment li{line-height:130%;font-size:14px;color:#bbb}#latest-comment li a{font-size:16px;margin-top:5px}.folder .box-text{margin:0 10px}#footer{clear:both;text-align:center;margin:2.5em 1em 1em;font-size:14px;font-weight:300}.article-area-title{font-size:1.5rem;font-weight:700;line-height:2.5rem;color:#333}#view-mode{font-size:.8em;background:url("data:image/svg+xml,%3Csvg width='8' height='7' viewBox='0 0 8 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='7' y1='0' x2='0' y2='7' stroke='%23C8C8C8' stroke-width='1'/%3E%3C/svg%3E") left bottom repeat-x;margin-bottom:40px}.main-list{margin:10px auto}.main-list table{width:100%;border:1px solid #e3e3e3}.main-list th{line-height:1.8em;background:#eee;font-size:14px;padding:2px 5px;font-weight:500;text-align:left;white-space:nowrap}.main-list td{font-size:1rem;padding:6px}.main-list td.list-date{width:100px;font-size:14px}.main-list td.list-comment,.main-list td.list-visit{font-size:14px}.main-list tr:nth-child(odd){background:#f6f6f6} div#links-row-1 { width: 240px; float: left; margin-left: 10px; } div#links-row-2 { width: 240px; float: left; position: relative; left: 760px; } body#blog-main { font-family: 微軟正黑體, Arial, "Times New Roman", "Century Gothic"; } .pixnet-happix-pilot__launcher-bubble__wrapper { right: 0px; top: 515.656px; } div#box2732734 { position: absolute; top: -277px; right: -80px; display: flex; flex-direction: row; width: 240px; } div#fb { margin-left: -32px; display: inline; } div#box2732734 .box-title { display: none; } div#mail { display: inline; } div#ig { display: inline; } #ig, #mail {margin-left: 5px;} div#fb img,#ig img, #mail img { max-height: 50%; } #box2732734 img:hover { opacity: 1; } div#box2732734 img { opacity: 0.5; } div#box2732734 img:hover { opacity: 1; } div#container3 { width: 1263px; margin: 0 auto; } .one-multiply-one-ad { display: none; } #box2732746 h4.box-title.entry-title { display: none; } #box2732746 ul { width: 240px; height: 40px; margin: 0 auto; display: flex; align-items: center; justify-content: center; list-style: none; } #box2732746 li { height: 32px; line-height: 32px; display: list-item; letter-spacing: 0.5px; text-align: match-parent; } #box2732746 a { padding: 0 13px; border-right: 1px solid #ccc; text-decoration: none; display: inline; } div#box2732746 { position: absolute; left: -20px; top: -45px; margin: 0; } section.pixnavbar.pixnavbar-d__navbar { background-color: #bd6d80; } .article-inlist-ad { display: none; } .mc1faed-mIb-border-mc1faed { display: none; }

如果你有甚麼想自己改的，可以看這篇教你改:

1. F12開發者工具:CSS必學功能，讓你效率加倍(可是看這個需要懂一點CSS語法)
2. 【語法】痞客邦Pixnet版型 ，二欄改三欄CSS語法(裡面使用的CSS語法，幾乎只有調位置、寬度)

之後在整理我覺得超好用、且常用的CSS語法跟大家分享。
這篇我在文章中使用的文字欄語法是html的，先寫語法，後面是說明:

<textarea rows="3" cols="40">中間寫上內容</textarea>

元素<textarea>
屬性row三列  col 四十行(可以自己改。)

如果看不懂的話推薦你看這篇:

【語法】痞客邦HTML及ＣＳＳ十分鐘看基本概念