Как убрать наложение border"ов?

Question

[Semmy_99]

Здравствуйте .Подскажите как убрать наложение бордеров ?
Мне нужно сделать небольшую сетку,хотелось бы уточнить правильно ли вообще делать их с помощью li и span. CODE

Answer 1

[Ярослав Иванов]

https://jsfiddle.net/space2pacman/0mxbmum3/3/

Comments

[Ярослав Иванов]

Jack Azizov чем мой пример не угодил ?

[Semmy_99]

C Чего вы взяли ? На самом деле вы мне помогли. Я очень благодарен.

[Ярослав Иванов]

Jack Azizov: тогда можете отметить ответ ))

Answer 2

[Лучник *range attack +10*]

как убрать наложение бордеров ?

Использовать :first-child, :last-child или element + element (соседние селекторы) вместе с медиа-запросами.

хотелось бы уточнить правильно ли вообще делать их с помощью li и span

li — допустимо
span — не очень, в него обычно используют для всяких служебных целей
Чем вам div не угодил?

Comments

[Semmy_99]

Имеете ввиду , заменить span Div'ами ?

Answer 3

[Tsimur_S]

чем не угодили border-collapse:collapse + таблица?

Comments

[Semmy_99]

Что плохого в вёрстке таблицами?

[Tsimur_S]

Jack Azizov я просто не понял из контекста что вы пытаетесь сделать. Если вам нужна именно таблица, наверное ее стоит делать таблицей? если это выпадающее меню/что угодно кроме таблицы, то 1 минута гуглежа подсказала варианты с отрицательным маргин и box-shandow вместо бордер

[Semmy_99]

Понял.Спасибо