如何通过css添加图像到一些文本?
我有这个:
<span class="create">Create something</span>
并且我想通过使用css添加一个16×16图像在左边。这是可能的,或者我应该只是手动添加这个图像像这样:
<span class="create"><img src="somewhere"/>Create something</span>
我宁愿不必手动更改所有的地方,这是为什么我想通过css。
谢谢!
解决方法
.create { background-image: url('somewhere.jpg'); background-repeat: no-repeat; padding-left: 30px; /* width of the image plus a little extra padding */ display: block; /* may not need this,but I've found I do */ }
用填充和可能的边距玩,直到你得到你想要的结果。您还可以使用“背景位置”或完全定义“背景”(link to w3)来播放背景图像的位置(*向汤姆·赖特点头)。