Question

html中怎样使button中添加的图片处于上半部分，而下半部分是我添加的文字？？？ 用CSS可以吗？？、

准备做个小程序，想做成9宫格的样式，我想把按钮和文字分开，但是不知道怎样让特定的按钮和文字对应，因为HTML里单纯输入文字是没有格式的。所以想把图片和文字放一个按钮里，不知道可以不，就是让图片处于按钮控件上半部，文字处于下半部，用CSS能实现吗，活着另外的方法？？？

Answer 1

使用背景图就可以了。。

<button>这是个按钮</button>

样式：

button {background:url(背景图片地址) no-repeat center center / 100% 50%}

然后使用 padding-top 控制文字的偏移

Answer 2

用div分别把button和文字套住，然后用绝对定位。试试看

Answer 3

css可以实现，背景请使用background相关属性