盒子Blog

想為貼在部落格裡的相片加上簡單的邊框，又不想每張都修改，可以利用CSS的設定：

[@more@]

• 首先編輯style.css增加下列設定

img {
padding: 4px;
border: 1px solid black;
}

• 其次編輯post.template，在{$postText}之前加上類別宣告如下：

<div class="img">{$postText}</div>

重新開啟部落格網頁，每張圖片都會自動加上框線。

• 如果要把框線改成陰影，可以修改img{}的設定如下：

img {
padding: 4px;
filter:dropShadow(color=gray, offX=5, offY=5);
}

Powered by Zoundry