Задать вопрос
@QWERTY01
html

Как сверстать эту рамку в таблице и вообще возможно ли это?

5ce7bb40e1188884802721.png

В голову, как вариант, создать еще одну пустую ячейку, на которую и поставить эту рамку, но пустой элемент в html это же неправильно? полностью рисовать эту рамку отдельным псевдо-элементом и размещать его Абсолютным позиционированием?

Может быть есть более корректный вариант?
  • Вопрос задан
  • 82 просмотра
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
rockfeeler
@rockfeeler
Фронтендер, дизайнер, верстальщик-перфекционист
Обратиться только к ячейкам в первому ряду и...
table tr:first-child td {
	border-top: 1px solid #eee;
}


UPD: если вопрос про правый отступ в последней колонке, то можно схитрить. Цветом заливать див внутри ячеек, а последней в ряду давать правый паддинг:

table tr td {
	background: #fff;
}

table tr:first-child td {
	border-top: 1px solid #eee;
}

table tr td:last-child {
	padding-right: 40px;
}

table tr td div {
	width: 100%;
	height: 100%;
	background: #fceeff;
}
Ответ написан
2 комментария
2 комментария
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Переделать скрипт на питоне (добавить прокси с авторизацией)
23 апр. 2024, в 09:39
500 руб./за проект
Довести разработку flutter приложения до логичного конца
23 апр. 2024, в 09:24
15000 руб./за проект
SMM для HR
23 апр. 2024, в 08:58
15000 руб./за проект
Ещё заказы