开发工具与关键技术:DW
作者:文泽钦
撰写时间:2019年1月31日
今天跟大家分享一个css照片墙,代码也很简单,能省略的效果也省略了,大家也不要学我,不然学校也会把你那份奖学金也省了。
第一步,先写个div给它个类:
把自己喜欢的照片引入的HTML中:
保存,看看效果:
图片大小不一,要设置图片的样式,新建一个css,
保存:
引入:
在css设置盒子大小,边距:
设置图片大小:
效果如下:
再给它几个div和类,一层一层包裹新的图片:
设置好div和图片的样式:
效果: