Як зробити кнопку закриття меню

Щоб додати кнопку закриття, ми можемо використати або position:absolute (і зробити плитку (pane) position:relative) або float:right . Перевага варіанта з float:right у тому, що кнопка закриття ніколи не перекриє текст, але варіант position:absolute дає більше свободи для дій.

Прапорець, прапорна кнопка, чекбокс (від анг. check box), галочка — елемент графічного інтерфейсу користувача, що дозволяє користувачеві управляти параметром з двома станами — ☑ включено і ☐ вимкнено. У включеному стані всередині чекбоксу відображається позначка (галочка (✓), або рідше хрестик (×)).

Для створення простий кнопки використовуйте тег <input>:

1. <input type="button" value="Кнопка" class="button">
2. .button {
3. height:60px;
4. border-color:#000080 #6A5ACD #8470FF #0000FF;
5. border-style:solid;
6. border-width:5px;
7. background:#4682B4;
8. cursor: pointer;