[Blog] 顯示程式碼在Blog

試著將自己做過的事情在網路上保存
需要一個可以貼程式碼的方式
找到了下面的處理方法
有需要的夥伴
可以拿來試試

到Blogger中
選範本->自訂->進階->新增CSS->將下面那段CSS貼上->套用至網誌

CODE {
    display: block;
    font-family: Courier New;
    font-size: 8pt;
    overflow:auto;
    background: rgb(52, 52, 52);
    border: 1px solid #ccc;
    padding: 10px 10px 10px 21px;
    max-height:200px;
    line-height: 1.2em;
}

要在網誌中使用時
選HTML撰寫
<code>在此輸入想寫內容</code>
即可看見如以下方式呈現




CODE {
 display: block;
    //以區塊方式顯示
    font-family: Courier New;
    //字型設定
    font-size: 8pt;
    //字體大小
    overflow:auto;
    //overflow，控制當內容超過顯示區域時捲軸的顯示，auto 會視情況產生卷軸
    background: rgb(52, 52, 52);
    //區塊背景顏色，可以參考色碼表自行設定  
    color: white;
    //文字顏色
    border: 1px solid #ccc;
    //邊框大小設定
    padding: 10px 10px 10px 21px;
    //距離上下左右設定
    max-height:200px;
    //最高高度設定，超過會有Slide滑動
    line-height: 1.2em;
    //行高設定
}
參考來源：
 1.ChiuMog code coding coded-在 Blog 中顯示明顯的程式碼區塊 Code Block - 1
 2.色碼表
 3.CSS overflow 屬性用法讓你掌握控制捲軸效果