嫌引入字体图标太麻烦,自己制作

如:

	.hint {
			width: 20px;
			height: 20px;
			border-radius: 50%;
			background: black;
			font-size: 16px;
			color: #fff;
			line-height: 20px;
			vertical-align: baseline;
			display: inline-block;
			text-align: center;
				}


<i class="hint">?</i>	

将?换成其他相应的符号就可以了,换成图片的话就再自行改造了