html中的标签后跟一个小的png图像

时间:2016-09-10 10:49:24

标签: html css font-awesome

我的代码中有一个标签,如下所示

<label class="col-sm-3" >Redeem Game points</label>

在标签之后,我有一个输入字段,如下面的

<input class="form-control payment-new" type="text">

我想在标签结束后放一个小图片(问号)。

我该怎么做? 请检查此fiddle

如果不是图像,是否可以使用字体真棒,然后在那里更新我的图像。

1 个答案:

答案 0 :(得分:1)

您可以使用font-awesome或<img>标记来执行此操作 以下是使用font-awesome。

 <label class="col-sm-3" >Redeem Game points<i class="fa fa-question" aria-hidden="true"></i></label>
<input class="form-control payment-new" type="text" name="order[coupon_code]" id="order_coupon_code">

<script src="https://use.fontawesome.com/c7082764ea.js"></script>

以下代码正在使用图片代码。

 <label class="col-sm-3" >Redeem Game points<img src="http://www.icone-png.com/png/49/49243.png"></label>
<input class="form-control payment-new" type="text" name="order[coupon_code]" id="order_coupon_code">

我选择了一些随机大小的图像。你可以使用你想要的任何图像,如果你想在字体awesome方法中增加问号的大小。只需添加其他类,例如fa-2xfa-3x