border-edge1 CSS - border edge 만들기 border는 태그의 테두리를 만드는 css 속성이다 하지만, 테두리를 더욱 이쁘게 edge만 테두리 효과(아래 사진처럼)를 만들 수 있다 #object * 하단 그림에 우측상단과 좌측하단에 부분에만 border 효과 만들기 ## ::before / ::after 우선, CSS 속성 before와 after를 확인 해보면 *before: 선택자의 첫번째 자식으로 먼저 실행 *after: 선택자의 첫번째 자식으로 나중에 실행 ex) * 아래와 같이 div 태그가 있다면... *.feature-box::before{} > .feature-box{} > .feature-box::after{} 순으로 UI를 그린다. * before 와 after의 기준은 feature-box 이고, 부모 태그가 된다. cont.. 2022. 6. 24. 이전 1 다음 반응형
