简体 繁體
新闻|关于|站点地图|登录
  点击该按纽隐藏左边的页面菜单以便扩大工作区域的面积


如何去掉图片链接周围的边框和底部的虚线?
Label作者: its|发布: 2008-3-7 (18:13)|阅读: 5698|评论: 0

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

 



   



     
 
 上一个问题: 如何在内容中插入图片?站点创作常见问题下一个问题: 如何在内容中插入 FLV 视频? 
 
     
  发送给朋友| 打印

锐商企业CMS
青岛.榉林花园A座204
Tel:0532-83669660 | Fax:0532-82831883
www.comsharp.com
  工商 | 税务 | 银行资料
付款信息
工信部备案:鲁ICP备09051537号
公安备案:37020020054630
POWERED BY 锐商企业CMS