質問: Здравствуйте! Не могу понять почему не совпадают границы таблицы HTML с линиями клеточного фона CSS. В чём подвох? Вот так выглядит в Хроме последней версии (Чёрные линии - это границы таблицы, более светлые - линии фона на CSS.): !5af851008469a860790352.png Чёрные линии - это границы таблицы, более светлые - линии фона на CSS. **Код HTML** ``` Документ без названия ``` **Код СSS** ``` table { width:1080px; height:800px; border-collapse: collapse; } td, th { width:120px; height:60px; border: 1px solid black; } .grid { margin:70px auto; width:1080px; height:820px; box-shadow:1px 1px 3px #333; background-color:#3A78A1; background-image: linear-gradient(#83ABC4 1px, transparent 1px), linear-gradient(90deg, #83ABC4 1px, transparent 1px), linear-gradient(#3A78A1 1px, transparent 1px), linear-gradient(90deg, #3A78A1 1px, transparent 1px), linear-gradient(#4E86AB 1px, transparent 1px), linear-gradient(90deg, #4E86AB 1px, transparent 1px); background-size: 120px 60px, 120px 60px, 5px 5px, 5px 5px, 20px 20px, 20px 20px; background-position: -1px -1px, -1px -1px, 0 0, 0 0, -1px -1px, -1px -1px; } ``` Или может подскажете другой способ? Заранее всем спасибо!
回答: а если так ``