AAA Главная
Примеры PHP Примеры JavaScript Примеры Ajax Примеры CSS,HTML

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

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

×
Исходный код этого примера:

<style>
.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;
}
</style>

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

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



. Металлические и деревянные лестницы для дачи загородного дома по недорогим ценам!

© Copyright 2008-2016 by KDG