html - 如何设置通过 css 内容属性指定的图像/图标宽度？

Question

HTML:

<h2>Some title</h2>

CSS:

h2::after{
   content: url(ok.png);
}

是否可以使用上述规则(含内容)将宽度设置为“ok.png”图像？

http://jsfiddle.net/zumv5z6e

Answer 1

您可以在::after 的 CSS block 中做任何您想做的事情。有关伪元素的更多信息，请参见此处:http://www.w3schools.com/css/css_pseudo_elements.asp

h2::after {
    background-image: url(http://images.all-free-download.com/images/graphiclarge/tick_ok_sign_4190.jpg);
    margin-left: 5px;
    height: 20px;
    background-size: 20px;
    content:"";
    display: inline-block;
    width: 20px;
}

工作 fiddle :http://jsfiddle.net/manishie/syf80qta/