Наша группа в Telegram для обмена идеями, проектами, мыслями, людьми в сфере ИТ г.Ростова-на-Дону: @it_rostov

Круг вокруг кнопки при наведении

Если Вы хотите сделать симпатичную кнопочку закрытия окна, которая при наведении будет подсвечиваться внешним кружочком, то это несложно сделать, не прибегая к картинкам:

×
Исходный код этого примера:
<style>
.b-icon {
    color: #333;
    margin: 2px 0 0 50px;
    border: 1px solid transparent;
    border-radius: 12px;
    cursor: pointer;
    display: inline-block;
    font: 24px/20px Arial, sans-serif;
    height: 24px;
    padding: 1px;
    text-align: center;
    width: 24px;
}
.b-icon:hover {
    border-color: #333 !important;
}
</style>
<span class="b-icon">&#215;</span>


.