如何給縮略圖加上邊框等效果_動易Cms教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
在《動易網站治理系統》中,對各個頻道的圖片類標簽所調用并顯示的圖片,增加了.pic1、.pic2、.pic3和.pic5這幾個CSS樣式定義,分別對應文章頻道、下載頻道、圖片頻道和商城頻道調用并顯示的圖片進行樣式控制。也就是說,您只要在后臺“網站風格治理”中,加上以上這些定義,就能控制所調用的圖片的樣式,包括統一大小、圖片邊框、投影效果等CSS樣式。以下具體說明定義及樣式。
一、添加定義
進入系統后臺,在“系統設置”->“網站風格治理”中,單擊風格治理界面中的“修改風格”。在“風格治理界面”中,添加以下CSS樣式定義:
/* ==自選風格中的CSS定義結束== */
.pic1
{
***;***;
}
.pic2
{
***;***;
}
……
其中***部分即為您所要定義的CSS樣式語句。
二、border樣式定義說明
1、給圖片加統一粗細的邊框
CSS的樣式定義中有一個屬性“border”(邊框),它可以給能確定范圍的HTML標記(如TD、DIV等等)畫邊框,它可以定義邊框線的類型、寬度和顏色,利用這個特性,可以制作一些非凡效果。下面將通過實例來說明其應用技巧。例:
代碼: .pic1 { border: 1px solid #cccccc; } |
效果預覽: | ||
相關動易Cms教程:
|