0

我是 CSS 精灵的新手。我为 DIV ID 中的所有链接添加了一个红色的小箭头，如图像。它看起来像这样。（附图片）

如何在背景图像之后获得一些填充？我的意思是使用 CSS 的图像和文本之间的一些空间。

在此处输入图像描述

CSS

#maincontent a:link {
background: url(images/css-images.png) no-repeat top left;
background-position: 0 0;
width: 4px;
height: 12px;
display:inline;
}

HTML

<div id="maincontent">
<a href="results/2013/31r09sup.php">Btech III</a>
</div>

我尝试添加到 css填充权，但它在文本之后而不是图像之后给出了一些空间。

4

2 回答 2

0

您想在链接上使用填充，这会将背景留在原处但移动文本，请尝试padding-left: 25px;. 但是添加填充会增加宽度，因此您需要调整链接的宽度并通过添加的填充量来减少它（可能不在此示例中）

您的示例图片也没有加载

尝试这个：

#maincontent a:link {
background: url(images/css-images.png) no-repeat top left;
background-position: 0 0;
width: 4px;
padding-left: 25px;
height: 12px;
display:inline;
}
于 2013-08-30T08:39:17.993 回答
0

只需将 apadding-left或 atext-indent应用于您的链接

于 2013-08-30T08:40:11.917 回答