Як закруглити кути у таблиці

Круглі кути у таблиць служать виключно для створення певного зовнішнього вигляду і не несуть в собі практичного значення. Але іноді виникає необхідність надати їм більш естетичний вигляд. Як же це зробити?

Як закруглити кути у таблиці

Вам знадобиться

Інструкція

При створенні блоку розраховуйте ще те, що з боків і кутах потрібно буде додати ще додаткові елементи, тому додайте в блок таблицю з трьох рядків і трьох колонок. Зробіть розмітку відповідно до розміру майбутніх куточків.

За тим же принципом зробіть прямокутники, які будуть розташовуватися по периметру блоку. Розмір розраховуйте виходячи з величини боку квадрата з намальованим кутом і згідно довжині боку таблиці, до якої підходить той чи інший прямокутник.

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

«Приклейте» до вашої таблиці з боків прямокутники і по кутах «закруглені» краю. Подгоните їх за розміром, щоб все виглядало єдиної фігурою, і зробіть поля таблиці невидимими. Найкраще середній блок таблиці робити найбільшим, щоб не було великої відстані між містяться в ній текстом і краями області.

Будьте гранично уважні при виборі кольору.

Найкраще запам'ятовуйте код кольору.

Схожі статті