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

.b-icon {
	color: #999999;
	margin: 2px 0 0;
	border: 1px solid #FFFFFF;
	border-radius: 1em 1em 1em 1em;
	cursor: pointer;
	display: inline-block;
	font: 93.75%/1.5em Verdana,sans-serif;
	height: 1.5em;
	padding: 1px;
	text-align: center;
	vertical-align: bottom;
	width: 1.5em;
	margin-left:50px;
} 
.b-icon:hover {
    border-color: #CCCCCC !important;
}

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

<span class="b-icon">&#215;</span>

Добавлено: 24 Июня 2018 08:58:32 Добавил: Андрей Ковальчук Нравится 0

Добавить