Липкое позиционирование

Создайте веб-страницу, как показано на рис. 1, чтобы при прокрутке документа меню прилипало к верхнему краю браузера.

Рис. 1

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Навигация</title> <style> body { min-height: 1000px; } ul { background: #b41a83; padding: 10px 15px; position: sticky; top: 0; } li { list-style: none; display: inline; margin-right: 15px; } a { color: #fff; text-decoration: none; } </style> </head> <body> <ul> <li><a href="index.html">Home</a></li> <li><a href="results.html">Results</a></li> <li><a href="news.html">News</a></li> <li><a href="players.html">Players</a></li> <li><a href="table.html">Table</a></li> </ul> </body> </html>
Как научиться разрабатывать сайты