Computer >> 컴퓨터 >  >> 프로그램 작성 >> CSS

CSS로 툴팁을 올바르게 배치하는 방법

<시간/>

툴팁을 올바르게 배치하려면 오른쪽, 왼쪽, 위쪽 및 아래쪽 속성을 사용하세요.

오른쪽에 도구 설명을 배치하는 방법을 알아보겠습니다.

예시

 <스타일> .mytooltip .mytext { 가시성:숨김; 너비:140px; 배경색:파란색; 색상:#fff; z-인덱스:1; 상단:-6px; 왼쪽:100%; 텍스트 정렬:가운데; 테두리 반경:6px; 패딩:5px 0; 위치:절대; } .mytooltip { 위치:상대; 디스플레이:인라인 블록; } .mytooltip:hover .mytext { 가시성:가시성; }   
마우스 커서를 나 위에 두기 내 도구 설명 텍스트