如何给缩略图加上边框等效果_动易Cms教程
教程Tag:暂无Tag,欢迎添加,赚取U币!
在《动易网站治理系统》中,对各个频道的图片类标签所调用并显示的图片,增加了.pic1、.pic2、.pic3和.pic5这几个CSS样式定义,分别对应文章频道、下载频道、图片频道和商城频道调用并显示的图片进行样式控制。也就是说,您只要在后台“网站风格治理”中,加上以上这些定义,就能控制所调用的图片的样式,包括统一大小、图片边框、投影效果等CSS样式。以下具体说明定义及样式。
一、添加定义
进入系统后台,在“系统设置”->“网站风格治理”中,单击风格治理界面中的“修改风格”。在“风格治理界面”中,添加以下CSS样式定义:
/* ==自选风格中的CSS定义结束== */
.pic1
{
***;***;
}
.pic2
{
***;***;
}
……
其中***部分即为您所要定义的CSS样式语句。
二、border样式定义说明
1、给图片加统一粗细的边框
CSS的样式定义中有一个属性“border”(边框),它可以给能确定范围的HTML标记(如TD、DIV等等)画边框,它可以定义边框线的类型、宽度和颜色,利用这个特性,可以制作一些非凡效果。下面将通过实例来说明其应用技巧。例:
代码: .pic1 { border: 1px solid #cccccc; } |
效果预览: | ||
相关动易Cms教程:
|