如何在部落格加入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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6r-beClagoumej1FnptO1ZkMGkgzGr5q86AlJhe4OQ15lEdwYy6lCIVyJbohqe4-QzLfwEeLJMJDbqKQX1UtZ3WGn1Gb3vGVOQfZruUU-kKdvWT4LQX8pjRPIFS_6TpAOHpYYqZlFAmg/s1600/code.gif) no-repeat scroll left top;  text-align: justify; overflow: auto; color:#333;}

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

<pre> 程式碼 </pre>