首先对刚学前端的小伙伴提几个建议：
前端是技术发展最快的一个行业，不断有新技术、新框架诞生，CSS3已经到处在用了。
不要用 Dreamweaver,Fireworks,Flash这些工具，前端需要的是，一个好的文本编辑器：比如Sublime Text 2、adobe brackets（前端支持最好）、github的Atom等。
不多说先上效果图：
html代码：
这里还是要推荐下我自己建的前端学习群：680847368，如果你正在学习前端，小编欢迎你加入，大家都是前端党，不定期分享干货（只有web前端相关的），包括我自己整理的一份2017最新的前端资料和零基础入门教程，欢迎初学和进阶中的小伙伴。源码已经发送至群文件。喜欢这篇文章的希望点个收藏呦，谢谢！
前端也是一种工程师，也要求计算机基础扎实。如果基础不好，对技术的掌握和理解都会遇上瓶颈，后期的职业发展会变得吃力。我看到了太多的程序员，因为忽视这一点，始终不能变成一个合格的工程师。
