如何通过CSS将图像添加到某些文本?
我有这个:
<span class="create">Create something</span>
我想用css在左边添加一个16x16的图像.这是可能的还是我应该手动添加这样的图像:
<span class="create"><img src="somewhere"/>Create something</span>
我不想手动更改所有的位置,这就是为什么我想通过CSS来做这件事的原因.
谢谢!
如何通过CSS将图像添加到某些文本?
我有这个:
<span class="create">Create something</span>
我想用css在左边添加一个16x16的图像.这是可能的还是我应该手动添加这样的图像:
<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 */
}
try 填充和可能的边距,直到您得到您想要的结果.您也可以使用"Background-Position"或完全定义"Background"(link to w3)来处理背景图像的位置(*向Tom Wright点头).