글
링크에 마우스를 대면 아래위로 선이 그려집니다.
HTML
2011. 10. 7. 22:19
안녕하세요?
오늘은 링크에 마우스를 대면 아래위로 선이 그려지는 소스입니다. 간단하니깐 한번 보지요.
<HTML>
<HEAD>
<TITLE> Script </TITLE>
<!------ 아래의 코드를 HEAD 부분에 복사해 넣으세요 --------------------
---------->
<style>
a{text-decoration:none}
/*-----마우스를 대면 밑줄과 윗줄을 빨간색으로 보여줍니다 ---------*/
a:hover{text-decoration: underline + overline; color:red;}
</style>
</HEAD>
<BODY>
<center>
<a href="http://blog.naver.com/apolo90"><B>내마음의쉼터</B></a>
</BODY>
</HTML>
style부분을 보시면 text-decoration 즉 글자꾸미기죠. 그게 underline+overline 즉 아래와 위를 color:red 빨간색으로 나타나게 해라 하는 내용이 되겠습니다. 실행결과입니다.
처음 실행했을때
마우스를 갖다 대었을때
그럼 다음시간에 또 만나요~
'HTML' 카테고리의 다른 글
| 입체감있는 텍스트상자들 (0) | 2011.10.14 |
|---|---|
| 텍스트상자를 투명하게 (0) | 2011.10.10 |
| 좌,우,중앙정렬되는 메뉴 (0) | 2011.10.04 |
| 밑줄그어지는 메뉴 (0) | 2011.10.02 |
| 배경이미지 고정하기 (0) | 2011.09.28 |
