Есть способы, которыми вы можете решить эту проблему, используя только CSS - однако это будет зависеть от цвета вашего фона (если он сплошной, это проще), если у вас есть шаблон для фона, он может быть немного сложнее.
Я рассмотрю здесь основной пример того, как сделать Обратный радиус границы в CSS (здесь) .Это использует трюк с размером Border для использования внутри, вам, возможно, придется сделать некоторое позиционирование, чтобы заставить его работать должным образом, однако, как вы видите, это возможно.Особенно, если вы указываете background-color
для каждого span
.
. Если вы хотите, чтобы все 4 угла вам понадобилось добавить отдельный класс для каждого span
внутри вашего div, и каждый класс имитировал бы уголверхний левый, верхний правый и т. д.