현박이 개발블로그

html 코드 Hover Me (LEFT) 왼쪽 툴팁 Hover Me (RIGHT) 오른쪽 툴팁 Hover Me (TOP) 위쪽 툴팁 Hover Me (BOTTOM) 아래쪽 툴팁 css 코드/* 컨테이너 설정 */.container {display:flex;justify-content:center; flex-direction: row;}.inner-container {display:flex;flex-direction: column;width: 200px;text-align:center;margin-top:50px}/* 툴팁 기본 스타일 설정 시작 */.tooltip { position: rela..

기본 html의 title 기능을 css로 구현한 소스코드​html 이미지에 마우스 hover 시 툴팁이 위에 뜨도록 설정 테스트용 원하는 텍스트 작성  css.tooltip { position: relative; display: block;}.tooltip .tooltiptext { visibility: hidden; width: 250px; background-color: black; color: #fff; text-align: center; border-radius: 6px; padding: 5px 5px 5px 5px; position: absolute; z-index: 1;}.tooltip:hover .tooltipte..