Вопрос:

CSS-код для обрезки квадратных меток вдоль границы элемента?

css border crop pseudo-element background-subtraction

161 просмотра

1 ответ

1 Репутация автора

Я создаю веб-сайт справки по установке плитки и хотел бы оформить границу элемента, чтобы она напоминала зубчатый шпатель:

[зубчатый шпатель] https://www.flooranddecor.com/installation-tools-tile-stone-installation-materials/pacesetter-square-notched-trowel-100381193.html

Можно ли обрезать фигуры с заданным интервалом для достижения этого вида? Пока что я нашел использование псевдоэлементов для получения желаемого шаблона, например так:

Волновая граница в CSS

Однако мне нужно что-то, что будет вычитать одно из другого, чтобы граница чередовалась между непрозрачной и прозрачной.

Автор: Alex Ertl Источник Размещён: 08.11.2017 10:32

Ответы (1)


0 плюса

96 Репутация автора

Ты можешь сделать это! Это на самом деле довольно легко, я бы рекомендовал прочитать эту страницу w3schools на границах

Я полагаю, что то, что вы спрашиваете, может быть сделано, если левая и верхняя границы будут сплошными, а нижняя и правая будут пунктирными (того же цвета, что и фон). надеюсь, это поможет

Автор: Joel Banks Размещён: 08.11.2017 11:39
Вопросы из категории :
32x32