Test: различия между версиями

Материал из Space Stories Wiki
(Новая страница: «<style> .container { display: flex; gap: 1rem; background-color: #1e1e1e; padding: 1rem; font-family: sans-serif; } .dropdown { position: relative; } .dropdown-button { background-color: #2c3e50; color: #ecf0f1; border: none; padding: 0.5rem 1rem; cursor: pointer; font-weight: bold; border-radius: 4px; } .dropdown-content { display: none; position: absolute; background-color: #34495e; color: #ecf0f1; min-width: 160px; border-radius: 4px; margin-top: 0.5re...»)
 
Нет описания правки
Строка 1: Строка 1:
<style>
<!DOCTYPE html>
.container {
<html lang="ru">
display: flex;
<head>
gap: 1rem;
<meta charset="UTF-8">
background-color: #1e1e1e;
<title>Консервативные Меню</title>
padding: 1rem;
<link rel="stylesheet" href="styles.css">
font-family: sans-serif;
</head>
}
<body>
 
.dropdown {
position: relative;
}
 
.dropdown-button {
background-color: #2c3e50;
color: #ecf0f1;
border: none;
padding: 0.5rem 1rem;
cursor: pointer;
font-weight: bold;
border-radius: 4px;
}
 
.dropdown-content {
display: none;
position: absolute;
background-color: #34495e;
color: #ecf0f1;
min-width: 160px;
border-radius: 4px;
margin-top: 0.5rem;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
z-index: 1;
}
 
.dropdown-content a {
color: #ecf0f1;
padding: 0.5rem 1rem;
text-decoration: none;
display: block;
}
 
.dropdown-content a:hover {
background-color: #2c3e50;
}
 
.dropdown:hover .dropdown-content {
display: block;
}
</style>
 
<div class="container">
<div class="container">
<div class="dropdown">
<div class="dropdown">
Строка 87: Строка 44:
</div>
</div>
</div>
</div>
</body>
</html>

Версия от 20:31, 3 мая 2025

<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <title>Консервативные Меню</title> <link rel="stylesheet" href="styles.css"> </head> <body>

</body> </html>