Как да си направим тире в HTML таблица

Как да си направим тире в HTML таблица

Така че, ние научихме с вас най-прости действия, които могат да се извършват с границите на масата. И сега на масата изглежда много по-естетичен. Въпреки това, за пълнене клетки просто направиха подпира граница. Това може лесно да се коригира, ние трябва само да се отстъпи в клетките в HTML таблица. И след това текста вътре в кутията, клетката ще бъде по-разбираемо.

За да се направи отстъпи в клетката да се използва cellpadding към маркера

. Въпреки това, има и друг, по-предпочитано изпълнение: CSS.

В този случай, свойствата вдлъбнатината са определени, използвайки подложка. С това няма да е трудно да се получи отстъп, където е необходимо, това е - най-горния, надясно, долната или наляво, като се използват, съответно, една от тези свойства: подложка-отгоре. вата-надясно. уплътнение дъно и подложка наляво.

Можете да определите колко пиксела трябва да се извърши тире. Ето един пример, в който долната граница ще бъде 20 пиксела, както и всички други ще -code CSS 10. Това ще изглежда така:

Пълният код стил на този етап:

Резултатът в браузъра:

Padding между клетки

Като правило, задачите, свързани със създаването на таблици, които могат да бъдат решени чрез използване на тагове, атрибути и свойства, които ви позволяват да се създаде рамки, уплътнение в клетките и да зададете цвета на фона на самите клетки.

Отстъпи в таблиците не са само във вътрешността на клетките. Те могат също да присъстват и между клетките.

Има два начина да направите вдлъбнатината между клетки:

Трябва да се подчертае, че граничният разстоянието се предписва за цялата таблица, а пълнеж имота регистрира директно към клетките.

Нека разгледаме един пример:

И резултатът, получен:

Как да си направим тире в HTML таблица

Веднага казвам, че ние не трябва да се опитаме да направим такива компенсации с помощта на граничен колапс: колапс. След използването на тази опция, клетка "стик" един до друг.

И че те са отделно един от друг, използвайте граничен колапс: отделно. Важно е да се разбере, че тази стойност е стойността по подразбиране. И това се отнася само за да демонстрира как да се реши този проблем. Ако се премахне този ред, в резултат под формата на разстояние една от друга от всяка други клетки ще бъде записан.