css 팁
hover { font-family:굴림; font-size:9pt; text-decoration:underline; color:#999999; cursor:w-resize; border-top:#999999 1px solid; border-bottom:#999999 2px solid; }
cursor:w-resize 라고 하면 커스 모양이 "←"처럼 나타납니다.
border-top 과 border-bottom 을 하게 되면 글자 아래 위로 줄이 쳐 집니다.
text-decoration:underline:none 라고 해 주는 것이 보기에 더 깔끔할 겁니다.
이유는 border-bottom 이라고 정의를 해줬기 때문입니다.
제 홈페이지에 사용할 예정이었지만 모양이 별로 좋게 나오지 않아서 지웠습니다.
cursor:w-resize 라고 하면 커스 모양이 "←"처럼 나타납니다.
border-top 과 border-bottom 을 하게 되면 글자 아래 위로 줄이 쳐 집니다.
text-decoration:underline:none 라고 해 주는 것이 보기에 더 깔끔할 겁니다.
이유는 border-bottom 이라고 정의를 해줬기 때문입니다.
제 홈페이지에 사용할 예정이었지만 모양이 별로 좋게 나오지 않아서 지웠습니다.
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 2개
스타일 시트라는게 .. 참으로 신기하면서도.. 좋은점이 많더군요...
어제까지만 하더라도.. 저게 뭔 정보가 된다고.. 팁앤테크에 올리나 했었는데..
오늘 처음 알고는.. .. 신기하리 만큼 .. 좋은점이 많더군요..
감사합니다..
아리랑님이 올려준 시타일시트 다 써먹고 있습니다..
ㅎㅎ
이 부분이 잘 못 되었습니다.
text-decoration:none으로 하셔야 합니다.