如何给缩略图加上边框等效果-动易CMS教程

来源:模板无忧 作者:雅虎| 更新时间:2005-05-30 点击:


  在《动易网站治理系统》中,对各个频道的图片类标签所调用并显示的图片,增加了.pic1、.pic2、.pic3和.pic5这几个CSS样式定义,分别对应文章频道、下载频道、图片频道和商城频道调用并显示的图片进行样式控制。也就是说,您只要在后台“网站风格治理”中,加上以上这些定义,就能控制所调用的图片的样式,包括统一大小、图片边框、投影效果等CSS样式。以下具体说明定义及样式。

一、添加定义

  进入系统后台,在“系统设置”->“网站风格治理”中,单击风格治理界面中的“修改风格”。在“风格治理界面”中,添加以下CSS样式定义:
/* ==自选风格中的CSS定义结束== */
.pic1
{
***;***;
}
.pic2
{
***;***;
}
……
  其中***部分即为您所要定义的CSS样式语句。

二、border样式定义说明

1、给图片加统一粗细的边框

  CSS的样式定义中有一个属性“border”(边框),它可以给能确定范围的HTML标记(如TD、DIV等等)画边框,它可以定义边框线的类型、宽度和颜色,利用这个特性,可以制作一些非凡效果。下面将通过实例来说明其应用技巧。例:

代码:
.pic1
{
border: 1px solid #cccccc;
}

效果预览:

< Prev12 3 4 Next >
相关动易CMS教程:
最新评论:
loading.. 评论加载中....
发表评论:不能超过250字节,请自觉遵守互联网相关政策法规.
  • 昵称: 验证: