当前位置 : 主页 > 网页制作 > css >

css – 显示文本左侧的图标

来源:互联网 收集:自由互联 发布时间:2021-06-13
在我们的 HTML中,我们有: div id="error2"/div 这会显示动态错误消息. 在css我有: #error2 { background:url(../images/cross.png) left center no-repeat; color: #ff2217; font-size:16px; font-weight:bold; position:absolute;
在我们的 HTML中,我们有:

<div id="error2"></div>

这会显示动态错误消息.

在css我有:

#error2 {
    background:url(../images/cross.png) left center no-repeat;
    color: #ff2217;
    font-size:16px;
    font-weight:bold;
    position:absolute;
    top:175px;
    left:32px;
}

我得到的是:

我想要的是:

尝试添加一些填充:

#error2 {
padding-left: 30px;
}
网友评论