𝐂𝐎𝐌𝐌𝐀𝐍𝐃𝐒
▲▼▲▼⚙▲▼▲▼
_Оформление таблицы и параметры изображения_(Написание - встраивание в тег html, пример - код css отдельным файлом)
Таблица
(CSS отдельным файлом)
1. Граница - border
• Толщина
• Цвет
Примерtable {
border: 1px solid black;
}
После этого у вас появится граница только вокруг границы. Чтобы появились границы заголовков столбцов и ячеек, нужно дописать границы к ним.
table, th, td{
border: 1px solid black;
}
После этого появятся граница вокруг всех этих элементов, но нам нужна одна цель граница.
Для этого нужно дописать ещё одну функцию:
border - collapse: collapse;
table, th, td{
border: 1px solid black;
border collapse: collapse;
}
Также вы можете установить разный цвет и толщину для внешней границы, заголовков столбцов и ячеек (также можно сделать частичную границу, указав параметр не для всех):
table {
border: 4px solid grey;
border-collapse: collapse;
} th, td {
border: 2px green;
}
Изображение(CSS встроенный в тег и отдельным файлом)
1. Высота - height
• Измеряется в пикселях (px)
(
1.1 Ширина - width - подстраивается автоматически под высоту, указывать не нужно)
2. Выравнивание - align (те же 4 варианта)
3. Граница - border
• Толщина - в пикселях
• Цвет
• Написание:
Примерimg {
border: 4px solid purple;
}
img становится парным тегом, если нужно поместить какую-либо видимую надпись к картинке (но к эту надпись без доп тега нельзя будет стилизовать)
