Як помістити зображення в коло CSS?

Якщо круглу картинку вставити в <a>, то область посилання буде коло. Щоб зробити довільне зображення круглим спочатку слід перетворити його на квадрат, а потім у стилях додати властивість border-radius зі значенням 50% (приклад 1). Краще ставити саме у відсотках, то ми не прив'язуємося до розмірів картинок.