如何去掉图片链接周围的边框和底部的虚线?
作者: its
|
发布: 2008/3/7 (18:13)
|
阅读: 19869
|
评论: 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,保存即可。
|