Редактор Онлайн

<html>
<head>
<style type="text/css">
a:link {color:#FF0000;}    /* непосещенная ссылка */
a:visited {color:#00FF00;} /* посещенная ссылка */
a:hover {color:#FF00FF;}   /* курсор мыши над ссылкой */
a:active {color:#0000FF;}  /* выбранная ссылка */
</style>
<link rel="stylesheet" type="text/css" href="https://setmar.ru/imgs/css/style.css">

</head>

<body>
<p><b><a href="index.php">Это ссылка</a></b></p>
<p><b>Замечание:</b> a:hover ДОЛЖНО идти после a:link и a:visited в CSS определении для того,
чтобы все работало.</p><noindex>
<div class="zoomadssit">
<a onclick="this.href='https://partners.tbank.ru/click/fd68305d-4955-4d0e-9891-1813c528fffa'" href="https://tbank.ru" target="_blank">
<img src="https://setmar.ru/imgs/banner_tbank/640x180_tbank_1.png" class="zoomadssit"></a>
</div>
</noindex>
<p><b>Замечание:</b> a:active ДОЛЖНО идти после a:hover в CSS определении, чтобы
все работало.</p>
</body>
</html>

Ваш Результат:

Отредактируйте код сверху и кликните кнопку, чтобы посмотреть результат.

Уроки CSS - Попробуйте сами