如何給縮略圖加上邊框等效果_動易Cms教程

      編輯Tag賺U幣
      教程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教程  動易Cms模板

        共4頁上一頁1234下一頁
        來源:模板無憂//所屬分類:動易Cms教程/更新時間:2005-05-31
        相關動易Cms教程