手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

如何制作多彩照片墙

时间:2024-10-13 00:14:51

1、电脑安装WS工具,图片左下角就是WS编辑器!

如何制作多彩照片墙

2、打开WS工具,会显示出这个界面!

如何制作多彩照片墙

3、点击文件 ,创建目录,在创建html文件!

如何制作多彩照片墙

4、打开html文件,系统会自动生成几段代码!

如何制作多彩照片墙

5、注意一点,所有代码必须写在body标签内部,不然会报错!

如何制作多彩照片墙

6、这只不过写的是骨架,想要美化网页,必须加上css3样式!它写在style标签内部。

如何制作多彩照片墙
如何制作多彩照片墙
如何制作多彩照片墙
如何制作多彩照片墙
如何制作多彩照片墙
如何制作多彩照片墙

7、打开浏览器测试结果!

如何制作多彩照片墙
如何制作多彩照片墙

8、刚刚显示的只不过加上特效而已,当鼠标移到上面,照片会自动旋转。

如何制作多彩照片墙
© 手抄报圈