×

Сохраните ваш код

Если вы нажмете кнопку "Сохранить", ваш код будет сохранен, и вы получите URL, которым вы можете поделиться с другими.

Нажав кнопку "Сохранить", вы соглашаетесь с нашими условиями и положениями.

Сообщить об ошибке

×

Сохранить на Google Диске

Если у вас есть учетная запись Google, вы можете сохранить этот код на Google Диске.

Google попросит вас подтвердить доступ к Google Диску.

×

Открыть с Google Диска

Если вы сохранили файл на Google Диске, вы можете открыть его здесь:

Result Size: 300 x 150
×
Изменить ориентацию Сохранить код Сохранить на Google ДискеСохранить на Google Диске Загрузить с Google ДискаЗагрузить с Google Диска Сменить тему, Темная/Светлая
​x
 
<!DOCTYPE html>
<html>
<head>
<style>
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333333;
}
​
li {
  float: left;
}
​
li a {
  display: block;
  color: white;
  text-align: center;
  padding: 16px;
  text-decoration: none;
}
​
li a:hover {
  background-color: #111111;
}
</style>
</head>
<body>
​
<h2>Навигационное меню</h2>
<p>В этом примере мы используем CSS для стилизации списка по горизонтали, чтобы создать меню навигации:</p>
​
<ul>
  <li><a href="#home">Home</a></li>
  <li><a href="#news">News</a></li>
  <li><a href="#contact">Contact</a></li>
  <li><a href="#about">About</a></li>
</ul>
​
</body>
</html>
​
×

Сообщить о проблеме: