如何給縮略圖加上邊框等效果

2024-09-10 21:53:38

字體：大中小

來源：轉載

供稿：網友

　　在《動易網站治理系統》中，對各個頻道的圖片類標簽所調用并顯示的圖片，增加了.pic1、.pic2、.pic3和.pic5這幾個CSS樣式定義，分別對應文章頻道、下載頻道、圖片頻道和商城頻道調用并顯示的圖片進行樣式控制。也就是說，您只要在后臺“網站風格治理”中，加上以上這些定義，就能控制所調用的圖片的樣式，包括統一大小、圖片邊框、投影效果等CSS樣式。以下具體說明定義及樣式。

一、添加定義

　　進入系統后臺，在“系統設置”->“網站風格治理”中，單擊風格治理界面中的“修改風格”。在“風格治理界面”中，添加以下CSS樣式定義：
/* ==自選風格中的CSS定義結束== */
.pic1
{
***;***;
}
.pic2
{
***;***;
}
……
　　其中***部分即為您所要定義的CSS樣式語句。

二、border樣式定義說明

1、給圖片加統一粗細的邊框

　　CSS的樣式定義中有一個屬性“border”（邊框），它可以給能確定范圍的HTML標記（如TD、DIV等等）畫邊框，它可以定義邊框線的類型、寬度和顏色，利用這個特性，可以制作一些非凡效果。下面將通過實例來說明其應用技巧。例：