第一步 copy 网页代码：

1、打开一个网站，按F12，就是开发者工具啦！
2、选择Elements
3、右击网页元素，找到copy Elements【图1所示】就可以直接将代码获取到了，然后就尽情的蹂躏它吧。。。
在这里插入图片描述
图1 ↑

第二步 copy 样式代码

1、点击 NetWork，参考【图2】
2、找到对应的css 和js img等，复制到自己的本地目录【图2】
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
图2 ↑

第三步 合成网页

1、可以参考网页代码，将对应的样式代码路径替换成自己的 ,参考【图3】修改路径即可，参考【图4】。
2、有的图片路径可能是写在css文件中，所以需要找到对应的css样式文件 参考【图5】。（因为我懒的下载图片了，就直接将该网站的图片服务器地址放上去了，也是一样的）
在这里插入图片描述
图3 ↑
在这里插入图片描述
图4 ↑
在这里插入图片描述
图5 ↑

第四步 完工

在这里插入图片描述

版权声明：本文为匿名原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：