【HTML+CSS】教你切图篇1-实现按钮

    最近实习一直在做前端切图，也是一种需要绣花般耐心的活儿，在这里总结一下一些基础页面元素的实现方式，后续陆续更新。首先我们遇到最多的可能是按钮的切图，按钮可能有很多种外观，但是一般可分为纯文字的和带图标的按钮，下面就来说说这两种按钮的实现方法。效果图如下：

    代码如下：

  
  
  
  




a标签按钮



button标签按钮

i标签按钮


  带图标按钮


  带图标按钮

    至于各种标签的优缺点，还是需要大家去体会啦，如果大家有什么好玩的按钮要写，可以留言，我们一起实现哦。

Author：事始

Sign：只要你还在尝试，就不算失败。