Как на надпись ссылкой при наведении курсором сделать чтобы появлялось подчеркивание?

@Guram1994 · Регистрация: 04.12.2014

Author24 — интернет-сервис помощи студентам

Как на надпись ссылкой при наведении курсором сделать чтобы появлялось подчеркивание и одновременно менялся цвет текста? Не очень понимаю как это прописать в стилях.

@Miste-Fil · 06.05.2015, 20:43

HTML5

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8" />
  <title>hover</title>
  <style>
   a:link {
    text-decoration: none; /* Подчеркивание ссылки */
   }
   a:hover {
    color: #00A30A; /* Цвет ссылки */
    text-decoration: underline; /* Подчеркивание ссылки */
   } 
  </style>
 </head>
 <body>
  <p><a href="#">Ссылка 1</a></p>
  <p><a href="#">Ссылка 2</a></p>
  <p><a href="#">Ссылка 3</a></p> 
 </body>
</html>

Источник:
http://htmlbook.ru/css/hover

@Fedor92 · 06.05.2015, 20:54

Guram1994, вот пример:

Кликните здесь для просмотра всего текста

HTML5

<html>
<head>
<title>Menu</title>
<meta charset="utf-8">
</head>
<style>
p{width:100px; height:20px; background:red; text-align:center; padding:15px 0 15px 0; font:bold 20px Tahoma}
p:hover{background:blue; text-decoration:underline}
</style>
<body>
<p>Text</p>
</body>
</html>

Для разнообразия без ссылки просто изменение свойств текста...

@Guram1994 0 / 0 / 0 Регистрация: 04.12.2014 Сообщений: 23
		1
	Как на надпись ссылкой при наведении курсором сделать чтобы появлялось подчеркивание? 06.05.2015, 20:00. Показов 3011. Ответов 2 Метки нет (Все метки) Как на надпись ссылкой при наведении курсором сделать чтобы появлялось подчеркивание и одновременно менялся цвет текста? Не очень понимаю как это прописать в стилях. 0

	06.05.2015, 20:54

Как на надпись ссылкой при наведении курсором сделать чтобы появлялось подчеркивание?

Решение