test
table { border-collapse: collapse; }
пример 6 этикетка

Bon Bon's

Candy house

English Toffe
HTML * { margin: 0; box-sizing: border-box; } .wrap { width: 300px; margin: 50px auto 0; padding: 150px 20px; background: radial-gradient(#f16462 2px, #faf2cc 3px); background-size: 25px 25px; border-radius: 5px; } .inner { position: relative; padding: 20px 30px; background: #fbfcfd; text-align: center; } .inner:before { content: ""; position: absolute; left: 0; right: 0; top: -35px; bottom: -35px; border-radius: 50%; background: inherit; } .text-wrap {position: relative;} .text-wrap h3 { font-family: 'Rouge Script', cursive; font-size: 50px; font-weight: normal; line-height: 1; } .text-wrap h4 { font-family: 'Roboto Condensed', sans-serif; text-transform:uppercase; } .text-wrap table { width: 100%; table-layout: fixed; margin: 30px 0 10px; border-collapse: collapse; border-top: 2px solid #a0a0a0; border-bottom: 2px solid #a0a0a0; font-family: 'Roboto Condensed', sans-serif; } .text-wrap table th {height: 40px;} .text-wrap table td { height: 40px; border-top: 2px solid #a0a0a0; border-right: 2px solid #a0a0a0; } .text-wrap table td:last-child {border-right: none;} Задача 2.
HTML * {box-sizing: border-box;} .air { max-width: 350px; margin: 50px auto 0; padding: 20px; background: #E4E3DF; font-family: 'Oswald', sans-serif; } .form-inner { border: 2px solid #909090; border-bottom: none; } .stripes-block { position: relative; padding: 15px; margin-bottom: 20px; background: repeating-linear-gradient(-45deg, #E4E3DF, #E4E3DF 5px, #909090 6px, #909090 8px); border-bottom: 2px solid #909090; } .stripes-block:before { content: ""; position: absolute; left: 50%; top: 8px; margin-left: -6px; width: 14px; height: 14px; border-radius: 50%; background: #fffffe; box-shadow: 0 0 0 1px #090606, 0 0 0 12px #9c8778; } .form-row { position: relative; padding: 10px; border-bottom: 2px solid #909090; } .form-row label {display: block;} .form-row input { display: block; width: 100%; padding: 0; line-height: 30px; border-width: 0; background: #E4E3DF; } .form-row textarea { width: 100%; margin-bottom:40px; padding: 0; outline: 0; line-height: 40px; background: transparent url(https://html5book.ru/wp-content/uploads/2016/12/bg-form.png) bottom left repeat-x; background-size: 8px 40px; letter-spacing: 0.2em; background-attachment: local; background-repeat: repeat; border-width: 0; resize: none; } .form-row-icon { position: relative; border-bottom: 2px solid #909090; } .form-row-icon .fa { position: absolute; left: 0; top: 0; width: 40px; height: 40px; line-height: 40px; text-align: center; background: #909090; color: #E4E3DF; border-bottom: 2px solid; } .form-row-icon input { display: block; width: 100%; padding: 0 10px 0 50px; line-height: 40px; box-sizing: border-box; border-width: 0; background: #E4E3DF; } .form-row-icon .fa-paper-plane-o { border-bottom-color: #909090; cursor: pointer; } .form-row-icon input[type="submit"] {cursor: pointer;} Один из возможных вариантов HTML формы
Логин:

Пароль:

Запомнить
задача 3 name
Перечень продуктов
№ п/п Наименование товара Ед. изм. Количество Цена за ед. изм., руб. Стоимость, руб.
  • Томаты свежиекг15,2069,001048,80
  • Огурцы свежиекг2,5048,00120,00
    ИТОГО:1168,80
    № п/п Наименование товара Ед. изм. Количество Цена за ед. изм., руб. Стоимость, руб.
    ИТОГО:1168,80
    1. Томаты свежиекг15,2069,001048,80
    2. Огурцы свежиекг2,5048,00120,00
    name
    Таблица замены продуктов
    email phone address
    123
    12ячейка 1
    ячейка 2
    ячейка 3
    ячейка 4
    ячейка 5
    ячейка 6