Робимо назву поля всередині нього

Крок 1. Каркас форми.

Як і завжди, на початку, ми займемося створенням конструкції нашої форми. До неї ми відразу прив'яжемо кілька стилів, про які трохи пізніше. Отже, нижче я розташував код основної конструкції нашої форми:

Крок 2. Стилізація форми:

Тепер для престижнішого виду форми ми застосуємо їй кілька стилів. Це буде і розмір полів, і дизайн тексту, і багато чого іншого. Нижче я розмістив код із каскадними таблицями, який Ви повинні розмістити між тегами та свого документа:

CSS:

Висновок.

Зі щирою повагою, Максим Курочкін

Даний урок підготовлений для вас командою сайту.

5 останніх уроків рубрики "Для сайту"

Ефекти блочного розкриття

Сьогодні ми хотіли б поділитися декількома ідеями щодо ефекту блочного розкриття, яку ви можете використати для своїх проектів.

Якщо ви хочете суттєво підвищити рівень безпеки вашого сайту на WordPress, то вам не уникнути конфігурації файлу .htaccess. Це дозволить не тільки вберегтися від цілого ряду атак хакерів, але і організувати перенапрямки, а також вирішити завдання пов'язані з кешем.

20 безкоштовних тем для WordPress у стилі Material Design

Material Design - це тренд, що набирає обертів від Google. У цій збірці зібрані безкоштовні теми для WordPress, виконані в цьому популярному стилі.

20 сайтів з креативним ефектом MouseOver

Ефекти на те й існують, щоб вражати наших відвідувачів. У цій добірці зібрано кілька десятків ресурсів, творці яких дужепостаралися вразити своїх відвідувачів.

Під кінець місяця пропонуємо ознайомитися з набором безкоштовних матеріалів для веб-дизайнерів за минулий місяць.