Как установить фоновое изображение в CSS?

Question

Я пробовал столько раз, чтобы показать это фоновое изображение, но он не может. Можете ли вы рассказать мне, почему и как это исправить?

Код:

#image3 { 
 
    background-image: url(images/sokove1.jpg); 
 
    width: 10px; 
 
    height: 10px; 
 
}

<a id="image3"></a>

Answer 1

a является inline element по умолчанию, так что вам нужно сделать это block level элемент.

#image3 { 
 
    background-image: url(//lorempixel.com/10/10); 
 
    width: 10px; 
 
    height: 10px; 
 
    display: block /* inline-block | table-* | list-item | inline-table | inline-flex |flex */ 
 
}

<a id="image3"></a>

Answer 2

анкер должен иметь display:inline-block или display:block применить высоту и ширину:

#image3 { 
    background-image: url(//lorempixel.com/10/10); 
    width: 10px; 
    height: 10px; 
    display: inline-block; 
}