[CSS] 텍스트 링크 롤오버 (라인)

Tip/Web 2017. 11. 7.

1. 텍스트 중앙 라인 (취소선)

1
text-decoration:line-through;
cs




2. 텍스트 위 라인

1
text-decoration:overline;
cs



3. 텍스트 아래 라인

1
text-decoration:underline;
cs




4. 텍스트 위아래 라인

1
text-decoration:overline underline;
cs




5. 텍스트 위 중앙 아래 라인

1
text-decoration:overline underline line-through;
cs




6. 텍스트 아래 웨이브 라인

1
2
text-decoration: underline; 
text-decoration-style: wavy; 
cs


→ underline 대신에 1,2,3,4,5 중 다른 속성을 적용 할 경우 해당 위치에 웨이브 라인 적용

728x90
반응형