Створіть масштабований за шириною блок з намальованою рамкою, використовуючи наведену картинку, як показано на малюнку нижче.

Додайте до блоку невеликі квадратні вирізи у кутах, як показано на малюнку нижче. Код має працювати коректно в IE8+ та сучасних браузерах.

У CSS для створення різних рамок або ліній на одному з боків елемента використовується властивість border. Вона досить універсальна, має різні стилі ліній, яким легко задати потрібну товщину та колір.

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

Створіть кнопку, як на малюнку, використовуючи лише CSS.

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

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

Придумайте три способи видалення останньої лінії справа від посилання, редагуючи лише стилі без зміни HTML-коду.

Створіть блок, показаний на малюнку.

Зробіть текст більш зрозумілим та цікавим за допомогою ліній та відступів.