如何在部落格加入code 區域 (修改css)

可以在各種部落格裡面看到許多將程式碼加入文章裡

其實只要幾個步驟就可以完成了

也就是修改css, 將下面這一段加入CSS就好啦

pre {
 padding: 10px 5px 10px 22px;
 margin: 10px 15px;
 border: 1px solid #CCC;
 font:13px/120% 'Courier New';
 letter-spacing: 0.07em;
 background: #F5F5F5 url(http://3.bp.blogspot.com/-m7b5r-61te4/Uw1XuZYwd3I/AAAAAAAAEi8/CLlqZyrJfPQ/s1600/code.gif) no-repeat scroll left top; 
 text-align: justify;
 overflow: auto;
 color:#333;
}

pre {

padding: 10px 5px 10px 22px;

margin: 10px 15px;

border: 1px solid #CCC;

font:13px/120% 'Courier New';

letter-spacing: 0.07em;

background: #F5F5F5 url(http://3.bp.blogspot.com/-m7b5r-61te4/Uw1XuZYwd3I/AAAAAAAAEi8/CLlqZyrJfPQ/s1600/code.gif) no-repeat scroll left top;

text-align: justify;

overflow: auto;

color:#333;

}

完成後, 之後發表文章時
請記得在你要發布的程式碼加入 pre tag 如下:

<pre> 程式碼 </pre>

發表迴響 取消回覆

發表迴響取消回覆