4 списка Отправить

$value) { ?>

>

Удалить

$value) { ?>

< >

Удалить

$value) { ?>

< >

Удалить

$value) { ?>

<

Удалить

Написать оформление (

Конечно! Давайте добавим оформление с помощью CSS, чтобы улучшить внешний вид вашей страницы. Вот пример стилей, которые можно вставить в раздел <head> вашего HTML документа, внутри тега <style>:

<style>
    body {
        font-family: Arial, sans-serif; /* Шрифт для всего документа */
        background-color: #f8f9fa; /* Светлый фон */
        color: #333; /* Темный текст */
        margin: 0; /* Убираем отступы по умолчанию */
        padding: 20px; /* Добавляем отступы вокруг содержимого */
    }

    h1 {
        text-align: center; /* Выравниваем заголовок по центру */
        color: #007bff; /* Синий цвет для заголовка */
    }

    table {
        width: 100%; /* Столбцы таблицы занимают 100% ширины */
        border-collapse: collapse; /* Убираем двойные границы */
        margin-bottom: 20px; /* Отступ между таблицами */
    }

    td {
        padding: 10px; /* Добавляем отступы внутри ячеек */
        border: 1px solid #dee2e6; /* Светло-серая граница ячеек */
        text-align: center; /* Центрируем текст в ячейках */
    }

    button.work {
        background-color: #28a745; /* Зеленый цвет для кнопок работы */
        color: white; /* Белый текст на кнопках */
        border: none; /* Убираем границы */
        padding: 10px 15px; /* Отступы внутри кнопок */
        cursor: pointer; /* Меняем курсор на указатель */
        font-size: 16px; /* Размер шрифта для кнопок */
        border-radius: 5px; /* Закругленные углы кнопок */
        margin: 5px; /* Отступы между кнопками */
    }

    button.side {
        background-color: #007bff; /* Синий цвет для боковых кнопок */
        color: white; /* Белый текст на боковых кнопках */
        border: none; /* Убираем границы */
        padding: 10px; /* Устанавливаем отступы */
        cursor: pointer; /* Меняем курсор на указатель */
        font-size: 16px; /* Размер шрифта для боковых кнопок */
        border-radius: 5px; /* Закругленные углы кнопок */
        margin: 5px; /* Отступы между кнопками */
    }

    a.element_delete {
        color: #dc3545; /* Красный цвет для ссылок удаления */
        text-decoration: none; /* Убираем подчеркивание */
        font-weight: bold; /* Жирный шрифт для ссылок */
    }

    a.element_delete:hover {
        text-decoration: underline; /* Подчеркивание при наведении */
    }

    form {
        display: inline; /* Размещаем элементы формы в одной строке */
    }

    input[type="text"] {
        width: 70%; /* Ширина текстового поля */
        padding: 10px; /* Отступы внутри текстового поля */
        border: 1px solid #ced4da; /* Светло-серая граница */
        border-radius: 5px; /* Закругленные углы */
        margin-right: 10px; /* Отступ справа */
    }

    button[type="submit"] {
        background-color: #007bff; /* Синий цвет для кнопки отправки */
        color: white; /* Белый текст */
        border: none; /* Убираем границы */
        padding: 10px 15px; /* Отступы */
        cursor: pointer; /* Меняем курсор на указатель */
        border-radius: 5px; /* Закругленные углы кнопки */
    }

    button[type="submit"]:hover {
        background-color: #0056b3; /* Более темный синий при наведении */
    }
</style>

С этими стилями ваша страница будет выглядеть более привлекательно и сложно. Не забудьте включить этот стиль в раздел <head> вашего HTML кода перед закрывающим тегом </head>. Если у вас есть дополнительные пожелания или изменения в дизайне, не стесняйтесь задавать вопросы!