开发工具与关键技术:DW与CSS
作者:茅凯翔
撰写时间:2019年2月21日星期四
这次我们来个很简单的,添加阴影部分,添加阴影部分会使图片或者别的东西更加好看,跟3D差不多,那我们来看看代码是什么。
源代码:
这里是一个图片,因为我下面还有图片,所以把类也截图下来了,在a标签里面放照片,可以使它点击。
然后我么我们看看CSS样式的代码:
给图片一个宽高,再给图片加一个伪类,调好像素,颜色都可以,然后再把照片弄得圆一点,这样子更好看。
最后我们看看效果图是咋样的:
第一张图就是鼠标没有移进去,没啥变化。第二张图是鼠标移进去,图片开始出现了阴影。