J

css 에서 링크색깔을 여러개 하고싶은데?

J.Mando
· 22년 전 · 611 · 2
순서를 지켜서.... 해보셨나요?
만도네
만도네
만도네
<style type="text/css"> //a {font-family:tahoma,돋움; font-size:9pt; text-decoration: none} //a:link, a:visited, a:active { text-decoration:none; color:#222222;} //a:hover { text-decoration:none; color:#ff0000;} a.mando1:link{font-size:9pt; color:#333300; text-decoration: none} a.mando2:link {font-size:9pt; color:#CC88CC; text-decoration: none} a.mando3:link {font-size:9pt; color:#0000ff; text-decoration: none} a.mando1:visited {font-size:9pt; color:#33CC00; text-decoration: none} a.mando2:visited {font-size:9pt; color:#CCCCCC; text-decoration: none} a.mando3:visited{font-size:9pt; color:#FF0000; text-decoration: none} a.mando1:hover {font-size:9pt; color:#33CC00; text-decoration: none} a.mando2:hover {font-size:9pt; color:#CCCCCC; text-decoration: none} a.mando3:hover {font-size:9pt; color:#FF0000; text-decoration: none} </style> <a href='#' class="mando1">만도네</a> <a href='#' class="mando2">만도네</a> <a href='#' class="mando3">만도네</a>
|

댓글 2개

친절한 답변 감사드립니다^^
행복하세요..!!
JJ.Mando
22년 전
a:link, ===>a:visited,===> a:active { text-decoration:none; color:#222222;}
=====>a:hover { text-decoration:none; color:#ff0000;}
이런식으로 순서를 지켜야 합니다...
댓글을 작성하시려면 로그인이 필요합니다.

그누3질답

+
제목 글쓴이 날짜 조회
22년 전 조회 451
22년 전 조회 450
22년 전 조회 512
22년 전 조회 376
22년 전 조회 666
22년 전 조회 422
22년 전 조회 543
22년 전 조회 554
22년 전 조회 719
JJ.Mando
22년 전 조회 612
22년 전 조회 1,103
22년 전 조회 388
22년 전 조회 484
22년 전 조회 621
22년 전 조회 558
22년 전 조회 1,627
22년 전 조회 476
JJ.Mando
22년 전 조회 524
22년 전 조회 412
22년 전 조회 474