Html+css实现纯文字和带图标的按钮
2016-06-15来源:

本文总结一下一些基础页面元素的实现方式,后续陆续更新。首先我们遇到最多的可能是按钮的切图,按钮可能有很多种外观,但是一般可分为纯文字的和带图标的按钮,下面就来说说这两种按钮的实现方法。效果图如下:

名字

代码如下:

XML/HTML Code

1.

2.

3.

4. 按钮写法

5.

6.

7.

8.

41.

42.

43.

44.a标签按钮

45.

46.

47.

48.

49.

50.i标签按钮

51.

52.

53. 带图标按钮

54.

55.

56. 带图标按钮

57.

58.

Baidu
map

59.

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

推荐信息
Baidu
map