Поделитесь своими знаниями, ответьте на вопрос:
Практическая работа номер 11. Создайте следующую таблицу:2. Выполните обрамление таблицы зелёным цветом.3. Текст в столбце «Химия» выделите красным цветом.4.Текст в столбце «Физика» выделите снним цветом.5. Текст в столбце «Математика» выделите розовым цветом.
```
| Предмет | Оценка |
|------------|--------|
| Химия | |
| Физика | |
| Математика | |
```
Теперь мы должны выполнить обрамление таблицы зеленым цветом. Для этого нам потребуется использовать CSS. Вот какой CSS код нужно добавить для таблицы:
```css
table {
border: 2px solid green;
}
```
Теперь наша таблица будет иметь зеленое обрамление.
Следующий шаг - выделить текст в столбце "Химия" красным цветом. Для этого нам нужно применить CSS стиль к соответствующему столбцу. Вот как выглядит таблица после добавления этого стиля:
```
| Предмет | Оценка |
|------------|--------|
| Химия | |
| Физика | |
| Математика | |
```
```css
table td:first-child {
color: red;
}
```
Теперь текст в столбце "Химия" будет красным цветом.
Далее мы должны выделить текст в столбце "Физика" синим цветом. Вот как будет выглядеть таблица после применения этого стиля:
```
| Предмет | Оценка |
|------------|--------|
| Химия | |
| Физика | |
| Математика | |
```
```css
table td:nth-child(2) {
color: blue;
}
```
Теперь текст в столбце "Физика" будет синим.
И, наконец, нам нужно выделить текст в столбце "Математика" розовым цветом. Вот таблица после применения этого стиля:
```
| Предмет | Оценка |
|------------|--------|
| Химия | |
| Физика | |
| Математика | |
```
```css
table td:last-child {
color: pink;
}
```
Теперь текст в столбце "Математика" будет розовым цветом.
Итак, после всех этих шагов у нас будет таблица, где обрамление будет зеленым, текст в столбце "Химия" будет красным, текст в столбце "Физика" будет синим, а текст в столбце "Математика" будет розовым.