PuzzleWeb
.ru
HTML
CSS
JavaScript
PHP
Apache
Самоучитель CSS
>
Всплывающее окно на HTML и CSS
> Появление div по клику
Появление div по клику
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Название документа</title> <style> #okno { width: 300px; height: 50px; text-align: center; padding: 15px; border: 3px solid #0000cc; border-radius: 10px; color: #0000cc; display: none; } #okno:target {display: block;} </style> </head> <body> <div id="okno"> Всплывающее окошко! </div> <a href="#okno">Вызвать всплывающее окно</a> </body> </html>
Результат:
Отредактируйте код, указанный выше, и нажмите кнопку "GO" для просмотра результата.