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

Question

HTML：

<h2>Some title</h2>

CSS：

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

可以将宽度设置为＆＃34; ok.png＆＃34;图像，使用上述规则（含内容）？

http://jsfiddle.net/zumv5z6e

Answer 1

您可以在CSS块中为:: after执行任何操作。有关伪元素的更多信息，请参见此处：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;
}

工作小提琴：http://jsfiddle.net/manishie/syf80qta/

Answer 2

您可以使用宽度和高度功能

h2::after{ content: url(ok.png); width: 20px; height:20px; }