如何去掉圖片鏈接周圍的邊框和底部的虛線?
作者: its
|
發布: 2008/3/7 (下午 06:13)
|
閱讀: 12408
|
評論: 0
|
靜態地址
|
內容源碼
首先,圖片鏈接周圍有一個藍色的邊框是瀏覽器的默認行為,要消除這個行為,我們可以通過將圖片的邊框設為0 實現。 圖片鏈接下方顯示一條虛線是 COMSHARP CMS 的默認行為,要解決這個問題,我們可以設計一個 CSS 類賦予圖片鏈接。COMSHARP CMS 允許您自定義全局 CSS (我的CSS),您自定義的全局 CSS 可以被內容編輯器自動感知,您可以在內容編輯器調用這些全局 CSS 并賦予某個對象。
定義一個全局 CSS (我的CSS)類
- 用系統管理身份登錄網站后,進入“管理 | 系統選項 | 內容去區 | 我的 CSS”。
- 在我的 CSS 中添加如下 CSS 定義
a.pic_link{border:0px;} a.pic_link:hover{border:0px;}
調用該 CSS 類消除圖片鏈接底部的虛線
在內容編輯器中,選中圖片鏈接,點“鏈接”按鈕打開該“鏈接”屬性窗口,在 “一般 | 類別”那里選擇您剛剛定義的 pic_link 類,保存即可。
注意,如果類別列表中沒有出現您剛剛定義的 CSS 類名,您可以將當前頁刷新幾次,這一般是瀏覽器緩存的緣故。
如何消除圖片鏈接周圍的藍色邊框
在內容編輯器中,選中您鏈接的圖片,點圖片按鈕,打開圖片的屬性窗口,在“外觀 | 邊框”那里輸入 0,保存即可。
|