툴팁의 상자가 코딩하게는 게 어려운 게 아니고 화살표가 항상 문제가 된다. 어떻게 하다 보니 디자인 시안의 툴팁의 화살표의 컬러, 크기, border, 사이즈, 화살표 위치가 상, 하, 좌, 우 만 알고 있으면 만들어 준다.
필요 없다고 할 수도 있다, 하지만 화살표의 보드라인은 잘 안된다. ㅎㅎㅎ 그냥 참고 사이트~~ https://cssarrowplease.com/ CSS Arrow Please - By Simon Hoejberg - @shojberg .arrow_box { position: relative; background: #88b7d5; border: 4px solid #c2e1f5; } .arrow_box:after, .arrow_box:before { bottom: 100%; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: ...
#
after
#
width
#
top
#
size
#
right
#
position
#
left
#
color
#
bottom
#
border
#
befor
#
arrow
#
화살표
원문 링크 : 툴팁 css 스타일 만들어 주는 사이트~
![[javaScript] trim() 함수](https://mblogthumb-phinf.pstatic.net/MjAyNDA0MDRfNDYg/MDAxNzEyMjA5MDkxNTI3.0yJc2Eg_r1WNoBbm_GlwFH8w_JA42GlZ9JgutS3_nQog.IBnoJgpusm8lnXw1oxpQy-6MF9DkUcOr-8jnL9FgAWYg.PNG/1.png?type=w2)