如何去掉圖片鏈接周圍的邊框和底部的虛線?

首先,圖片鏈接周圍有一個藍色的邊框是瀏覽器的默認行為,要消除這個行為,我們可以通過將圖片的邊框設為0 實現。 圖片鏈接下方顯示一條虛線是 COMSHARP CMS 的默認行為,要解決這個問題,我們可以設計一個 CSS 類賦予圖片鏈接。COMSHARP CMS 允許您自定義全局 CSS (我的CSS),您自定義的全局 CSS 可以被內容編輯器自動感知,您可以在內容編輯器調用這些全局 CSS 并賦予某個對象。

定義一個全局 CSS (我的CSS)類

  1. 用系統管理身份登錄網站后,進入“管理 | 系統選項 | 內容去區 | 我的 CSS”。
  2. 在我的 CSS 中添加如下 CSS 定義

    a.pic_link{border:0px;}
    a.pic_link:hover{border:0px;}

調用該 CSS 類消除圖片鏈接底部的虛線

在內容編輯器中,選中圖片鏈接,點“鏈接”按鈕打開該“鏈接”屬性窗口,在 “一般 | 類別”那里選擇您剛剛定義的 pic_link 類,保存即可。

注意,如果類別列表中沒有出現您剛剛定義的 CSS 類名,您可以將當前頁刷新幾次,這一般是瀏覽器緩存的緣故。

如何消除圖片鏈接周圍的藍色邊框

在內容編輯器中,選中您鏈接的圖片,點圖片按鈕,打開圖片的屬性窗口,在“外觀 | 邊框”那里輸入 0,保存即可。

 






 上一個問題: COMSHARP CMS 使用什么 WYSIWYG 編輯器?常見問題 - 站點創作下一個問題: 如何在內容中插入圖片? 
  發送給朋友| 打印友好
7 x 12 小時服務熱線
0532 - 83669660
微信: comsharp
QQ: 13885509
QQ: 592748664
Skype: comsharp