如何给缩略图加上边框等效果

2020-05-19 18:53:09

字体：大中小

来源：转载

供稿：网友

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

一、添加定义

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

二、border样式定义说明

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

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

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

效果预览：