找到style。css文件里缩略图的class名。thumbnail 。{ position: float: maxwidth:200 height: clear: margin:12000; overflow: transitionduration:。5s; } 在{}中间添加以下两行属性: 缩略图添加边框 border:1 padding:4 添加后完整代码如下: 。{ position: float: maxwidth:200 height: clear: margin:12000; border:1 padding:4 overflow: transitionduration:。5s; } 自用的代码: 〔reply〕 。{ position: float: maxwidth:200 height: clear: margin:12000; overflow: transitionduration:。5s; borderradius:8 webkitboxshadow:rgba(0,0,0,0。496094)333 } 如果出现手机端不兼容的情况请用下面代码试试(最简单直接建议使用): 缩略图添加圆角和背影特效 。{ borderradius:6 boxshadow:rgba(0,0,0,0。5)333 } 〔reply〕 效果如下: 首页幻灯片圆角 { borderradius:8 } 网站圆角样式集合 sliderimg,。singletaglia,img,。catbox,。cattitle,。fadeInUp,h3,。catgridtitle,。catsquaretitle,。nbsflexiselcontainer,img,h1,h2,h3,h4,h5,h6,a,。navmenu,。,。a,。a,。a {borderradius:8px } 备注缩略图阴影圆角效果要单独添加,上图样式可自行调整删减。