开发工具与关键技术:DW与CSS
作者:茅凯翔
撰写时间:2019年2月21日星期四

这次我们来个很简单的,添加阴影部分,添加阴影部分会使图片或者别的东西更加好看,跟3D差不多,那我们来看看代码是什么。
源代码:
添加阴影部分
这里是一个图片,因为我下面还有图片,所以把类也截图下来了,在a标签里面放照片,可以使它点击。

然后我么我们看看CSS样式的代码:
添加阴影部分
添加阴影部分
给图片一个宽高,再给图片加一个伪类,调好像素,颜色都可以,然后再把照片弄得圆一点,这样子更好看。

最后我们看看效果图是咋样的:
添加阴影部分
添加阴影部分
第一张图就是鼠标没有移进去,没啥变化。第二张图是鼠标移进去,图片开始出现了阴影。

相关文章: