跳至主要內容

文章

顯示從 1月, 2017 起發佈的文章

[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;     //邊框大小設定 ...