Plurk

讓blog上的程式碼美化一些

看到一些blog上寫code時的表現方式蠻好, 記得以前也見過, 只是沒特別去注意它, 把這效果用再blog上感覺應該不錯.
找了一下網路上的介紹, 良人的大秘寶 裡介紹了. 很簡單的改法, 紀錄一下免的忘了!!

1. 加上CSS
CODE {
display: block; /* fixes a strange ie margin bug */
font-family: Courier New;
font-size: 8pt;
overflow:auto;
background: #f0f0f0 url(http://klcintw.images.googlepages.com/Code_BG.gif) left top repeat-y;
border: 1px solid #ccc;
padding: 10px 10px 10px 21px;
max-height:200px;
line-height: 1.2em;
}

2. 使用時將code包含在 <code>...</code>中
.comment-body-author {
margin:0;
padding:0 0 0 20px;
background-color:#C0C0C0;
}

0 意見:

Designed by Posicionamiento Web | Bloggerized by GosuBlogger | Blue Business Blogger