如何去掉图片链接周围的边框和底部的虚线?

首先,图片链接周围有一个蓝色的边框是浏览器的默认行为,要消除这个行为,我们可以通过将图片的边框设为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