Tabs (табы) вкладки на CSS

Табы на CSS

Чтобы организовать контент на странице сайта в виде вкладок (еще называют «табы») можно использовать нижеприведенный код:

Контент третей вкладки. Контент третей вкладки. Контент третей вкладки. Контент третей вкладки. Контент третей вкладки. Контент третей вкладки. Контент третей вкладки.

При добавлении или уменьшении количества вкладок нужно учесть, что нужно добавлять/убирать новые пары тега div и в стилях добавлять/убирать строки свойств «.tabs > input:nth-of-type(1):checked ~ div:nth-of-type(n)».

Ссылка на основную публикацию
Adblock
detector