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