요소의 테두리를 따라 사각형 노치를 잘라 내기위한 CSS 코드?

나는 타일 설치 도움말 웹 사이트를 만드는거야 및 노치 흙손을 닮은 요소의 테두리 스타일을 좋아하는 것 :요소의 테두리를 따라 사각형 노치를 잘라 내기위한 CSS 코드?

가에 지정된 간격으로 모양을자를 수 있나요 이 모양을 이루기 위해? 는 내가 지금까지 발견 한 것은 다음과 같이 원하는 패턴을 얻기 위해 의사 요소를 사용하는 것입니다 : 내가 다른 하나를 빼 무언가가 필요

을하지만 그 때문에 국경을 번갈아 사이 불투명하고 투명하다.

2017-11-08 Alex Ertl

이렇게 할 수 있습니다! 실제로 꽤 쉽습니다. 독서를 권합니다. This w3schools page on borders

왼쪽 및 위쪽 테두리가 단색이고 아래쪽 및 오른쪽이 점선으로 표시되어 있습니다 (배경과 같은 색). 이 도움이 되었기를 바랍니다.

2017-11-08 23:39:53

단색을 사용하고 있었지만 이미지 위에 이미지를 쓰려고하는 경우에 효과가 있습니다. Paint.net에서 사각형을 잘라서 .png로 만들었습니다. https://imgur.com/UBLnog0 –

@AlexErtl 좀 더 자세히 설명해 주시겠습니까? –

내 탐색 용 컨테이너로 사용하고 싶습니다. 가능한 한 동적으로 만들려고합니다. imgur에 게시 한 이미지는 확장하려는 것을 보여줍니다. –

답변