替 blogger 加上額外的 css

範本 -> 自訂 -> Blogger 範本設計工具 -> 進階 -> 新增 css

pre.gray{
background: #cccccc;
color: #111111;
line-height:200%;
padding:20px;
border:1px solid #ffffff;
font-size: 9pt;
text-shadow: #fafafa 0px 1px 0px;
-webkit-box-shadow:inset #666 0px 2px 7px;
-moz-box-shadow:inset #666 0px 2px 7px;
-box-shadow:inset #666 0px 2px 7px;
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjozkHm4f2gM4ge_2anKbJ7atfkbNsIcD0Z1egA0Rvh1uchMvR8MkfcQD1B_F93N4KJEcb-UFht6upmvzlHvPowsW_J2sY22zx1b0wGYAHDbxoTWFR0GbYbpORy_pGxzkeSylPZEvI_UHz7/s800/wide_rectangles.png);
}

pre.cmd{
border: 1px inset ; margin: 0px; padding: 6px; overflow: auto; width: 600px; text-align: left;
}

我目前定義了幾個 pre css, 然後就可以這樣用:

test.html

<pre class="cmd">cmd</pre>
<pre class="gray">pre</pre>

css 畫面:

cmd

pre