网页换肤案例

1、首先，我们先进入vs。打开文件夹（文件夹需要提前在桌面上新建好），然后新建一个html文档，改一下title为网页换肤。

2、下图是我们要做出来的整体效果图，接下来我们就先搭建好它的框架。

3、在body标签里面第一步先放置一个id名为box的div将这个看做一个整体。然后在box里面放置五个span标签。

4、在span标签里面设置行内样式，分别设置好它们的颜色。做到这一步我们可以发现现在打开浏览器是什么都没有的那是因为我们还没有给span标签设置宽高，接下来我们就去style