Меню
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP КАК СДЕЛАТЬ ПРОГРАММЫ SW3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS КИБЕРБЕЗОПАСНОСТЬ НАУКА О ДАННЫХ
     ❯   

CSS Учебник


CSS Продвинутый


CSS Отзывчивый


CSS Grid


CSS SASS


CSS Примеры


CSS Справочники



CSS Таблица



Внешний вид HTML-таблицы можно значительно улучить с помощью CSS стиля:

Company Contact Country
Alfreds Futterkiste Maria Anders Germany
Berglunds snabbköp Christina Berglund Sweden
Centro comercial Moctezuma Francisco Chang Mexico
Ernst Handel Roland Mendel Austria
Island Trading Helen Bennett UK
Königlich Essen Philip Cramer Germany
Laughing Bacchus Winecellars Yoshi Tannamuri Canada
Magazzini Alimentari Riuniti Giovanni Rovelli Italy

Попробуйте сами »

Границы таблицы

Чтобы создать границы таблицы в CSS, используйте свойство border.

Приведенный ниже пример задает сплошную границу для элементов <table>, <th> и <td>:

Фамилия Имя
Щипунов Андрей
Щипунова Кристина
table, th, td {
  border: 1px solid;
}
Попробуйте сами »


Полная ширина таблицы

Приведенная выше таблица в некоторых случаях может показаться небольшой. Если вам нужна таблица, которая должна занимать весь экран (на всю ширину), добавьте width: 100% к элементу <table>:

Фамилия Имя
Щипунов Андрей
Щипунова Кристина
table {
  width: 100%;
}
Попробуйте сами »

Двойные границы таблицы

Обратите внимание, что таблица в приведенных выше примерах имеет двойные границы. Это связано с тем, что как таблица, так и элементы <th> и <td> имеют отдельные границы.

Чтобы удалить двойные границы, взгляните на приведенный ниже пример.


Свернуть границы таблицы

CSS свойство border-collapse определяет, сворачивать ли границы таблицы в единую границу:

Фамилия Имя
Щипунов Андрей
Щипунова Кристина
table {
  border-collapse: collapse;
}
Попробуйте сами »

Если вам нужна только граница вокруг таблицы, укажите только CSS свойство border для <table>:

Фамилия Имя
Щипунов Андрей
Щипунова Кристина
table {
  border: 1px solid;
}
Попробуйте сами »


×

Связаться с отделом продаж

Если вы хотите использовать услуги schoolsw3 как образовательное учреждение, команда или предприятие, отправьте нам электронное письмо:
sales@schoolsw3.com

Сообщить об ошибке

Если вы хотите сообщить об ошибке или внести предложение, отправьте нам электронное письмо:
help@schoolsw3.com

Schoolsw3 оптимизирован для обучения и подготовки. Примеры могут быть упрощены для улучшения чтения и обучения. Учебники, ссылки и примеры постоянно проверяются, чтобы избежать ошибок, но мы не можем гарантировать полную правильность всего контента.
При использовании Schoolsw3 вы соглашаетесь прочитать и принять наши условия использования,
политику использования файлов cookie и конфиденциальности.

Авторское право 1999- принадлежит Refsnes Data. Все права защищены. Schoolsw3 работает на SW3.CSS.