自定義區塊樣式
這個東西是在 Robbin 的 Blog 上看到的，我也不知道要怎麼稱呼這個東西，我就姑且稱之為「自定義區塊樣式」，把它用來凸顯文章內特定的內容實在很不錯。
其實這個東西很簡單，就是用樣式表先設定好然後在寫文章時插入樣式即可。例如：
<div class="MyStyle-dl">您的文字</div>
樣式表的設定：
.MyStyle-dl {
background: url('MyStyle/dl.png') no-repeat 10px 50%;
margin: 10px 10px 10px 10px;
padding: 5px 5px 5px 50px;
color: #99cc66;
background-color: #006633;
border-top: 5px solid #669900;
border-bottom: 5px solid #669900;
}
background: url('MyStyle/dl.png') no-repeat 10px 50%;
margin: 10px 10px 10px 10px;
padding: 5px 5px 5px 50px;
color: #99cc66;
background-color: #006633;
border-top: 5px solid #669900;
border-bottom: 5px solid #669900;
}
範例：
自定義區塊樣式
DownLoad
DownLoad
自己動手做可以增添不少樂趣。
