通过css添加图像左侧的文本

前端之家收集整理的这篇文章主要介绍了通过css添加图像左侧的文本前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何通过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)来播放背景图像的位置(*向汤姆·赖特点头)。

原文链接:https://www.f2er.com/css/223321.html

猜你在找的CSS相关文章