CSS 스타일 지정(Inline Styles) 하는 방식
본문
<style>
a:link, a:visited, a:active { text-decoration:none; color:#466C8A; }
a:hover { text-decoration:underline; color:#FF0000;}
</style>
<a href="http://a.co.kr">A바로가기</a>
<a href="http://b.co.kr">B바로가기</a>
<a href="C'>http://c.co.kr">C바로가기</a>
=====================================================
상기 형식을 아래와 같이 B바로가기만 폰트색상을 달리하고자 합니다.
HTML태그내에 스타일 지정(Inline Styles) 하는 방식 또는 다른방법좀 부탁합니다.
<a href="http://b.co.kr " style="링크시 색, 방문시 색, 마우스오버시 색" >B바로가기</a>
답변 2
<style>
a:link, a:visited, a:active { text-decoration:none; color:#466C8A; }
a:hover { text-decoration:underline; color:#FF0000;}
.blink a:link, .blink a:visited, .blink a:active { text-decoration:none; color:#0000ff; }
.blink a:hover { text-decoration:underline; color:#0000ff;}
</style>
<a href="http://a.co.kr">A바로가기</a>
<a href="http://b.co.kr" class='blink '>B바로가기</a>
<a href="http://c.co.kr">C바로가기</a>
또는
<span><a href="http://a.co.kr">A바로가기</a></span>
<span class='blink'><a href="http://b.co.kr">B바로가기</a></span>
<span><a href="http://c.co.kr">C바로가기</a></span>
제로나라님 답변 감사합니다.
그런데 class='blink' 가 적용이 되지 않네요.
.blink a { text-decoration:none; color:#0000ff; }
.blink a:hover { text-decoration:underline; color:#0000ff;}
이 형식으로 하니 적용이 됩니다. 감사합니다.
<style>
a:link, a:visited, a:active { text-decoration:none; color:#466C8A; }
a:hover { text-decoration:underline; color:#FF0000;}
a.blink:link, a.blink:visited, a.blink:active { text-decoration:none; color:#0000ff; }
a.blink:hover { text-decoration:underline; color:#0000ff;}
</style>
로 바꿔주세요 ㅎ
