2013年12月15日 星期日

[CSS] 設定Code圖案的CSS

在網頁上看到很多人在寫CSS筆記的時候都會將code特別標示,
看起來就清楚明瞭,因此特地找了做法仿效!

於HTML樣版中新增這一段CSS

code
{
display: block;
font-family: Courier New;
font-size: 8pt;
overflow:auto;
background: #f0f0f0 url(Code邊圖網址) left top repeat-y;
border: 1px solid #ccc;
padding: 10px 10px 10px 21px;
max-height: 200px;  /*height:200px; // for IE6*/
line-height: 1.2em;
}

沒有留言:

張貼留言