这是最简单也是最常见的一种，光线从左上方照过来，使按钮的右侧和下方形成深色阴影（可以根据需要调节边框的宽度和颜色）：
<input type="button" value="有凹凸感的按扭" style="border:1px solid #dddborder-bottom:1px solid #333border-right:1px solid #333" />
css里面有个属性叫clip-path，可以把长方形的css元素切割为不规则图形，点击响应的区域也只有切割后的图形才能响应。因此可以利用这个属性生成一下简单的图形。有个工具可以帮助我们生成不规则图形，地址:
借助这个工具，我们就能生成各种简单图形了，比如:
箭头:
向右的箭头:
关闭的叉:
三角形箭头:
注意:iOS浏览器iOS7以上支持，android浏览器4.4以上支持。opera浏览器全部不支持。iE全部不支持。
