How to resize after image in css

<a href='foo.pdf'class='pdflink'>A File !</a>

/* .pdflink:after {
    content: url('/images/pdf.png')
} */

.pdflink:after {
    background-image: url('/images/pdf.png');
    background-size: 10px 20px;
    display: inline-block;
    width: 10px;
    height: 20px;
    content: "";
}

Similar codes

-1 vote158 views1 answer
Scss background color
CSS
8 votes174 views5 answers
Css hover change other element
CSS
0 vote171 views1 answer
How to horizontally center header at the top of page with flexbox css
CSS
1 vote154 views2 answers
Align div to right side of parent
CSS
0 vote151 views1 answer
Html don't select text
CSS
0 vote186 views2 answers
Css hexagon with text inside
CSS
179 votes438 views6 answers
Filter method
CSS
0 vote163 views2 answers
Remove unused css styles
CSS
13 votes173 views3 answers
Center position fixed
CSS
7 votes178 views3 answers
Iframe no scroll
CSS