/ Курсы CSS / Стилизация ссылок

Стилизация ссылок


Стиль ссылки

Ссылки могут быть стилизованы.Также они могут стилизованы от других состояний. Все псевдоселекторы

:link - определяет стиль для не посещенной страницы.
:visited - определяет стиль для посещенной страницы.
:active - определяет стиль для нажатой ссылки.
:hover - определяет стиль, когда курсор подведен к элементу.


 <span id="txt">Привет, ты на сайте Rapprogtrain</span>

  <style>
   #txt:hover {
    color: red;
   }
  </style>


Привет, ты на сайте Rapprogtrain

Удаление подчеркивания

При добавления ссылки у нас появляется автоматически нижнее подчеркивание. Сейчас я вам покажу, как ее удалить.


 <div class="block-container">
  <span id="block">Привет, ты на сайте Rapprogtrain</span>
 </div>

  <style>
   .block-container {
    background-color: red;
    height: 50px;
   }
  </style>

Привет