개발자_이훈규
천천히, 빠르게. 개발자의 Repository
개발자_이훈규
전체 방문자
오늘
어제
  • 분류 전체보기 (473)
    • 티스토리 (4)
    • 개발자 뉴스 (2)
    • 소프트웨어 (203)
      • C (7)
      • c++ (25)
      • Objective-C (3)
      • Do it! 반응형 웹디자인 (4)
      • openGL (8)
      • Java (24)
      • Jni (3)
      • Android (9)
      • Wordpress (2)
      • 버그 만난 후 느낀점 (2)
      • Git (3)
      • node js (2)
      • window tablet (1)
      • HTML (3)
      • javascript (3)
      • perl (1)
      • AngularJS (0)
      • JSON (0)
      • Docker (3)
      • python (5)
      • jQuery (1)
      • MFC (4)
      • cocos studio (6)
      • Golang (1)
      • SQLite3 (0)
      • Spring Boot (8)
      • thymeleaf (0)
      • Django (0)
      • iOS (3)
      • skia (0)
      • VBA (0)
      • PHP (2)
      • Oracle (1)
      • JSP (0)
      • R (0)
    • TCP IP (2)
    • 금융 (0)
      • 금융 Study (0)
      • 금융 Archive (0)
      • 금융 Article (0)
    • 개인 프로젝트 (7)
      • gif 홈페이지 만들기 (0)
      • study app만들기 (0)
      • 크롤러 만들기 (1)
      • 카툰 홈페이지 만들기 (1)
      • 외주 홈페이지 만들기 (3)
      • 웹 홈페이지 만들기 (0)
      • 미디어 서버 만들기 (0)
      • 소개팅 어플 만들기 (0)
      • 인스타그램 풀스택 클론 코딩(인강 노트) (0)
      • 주식 모의거래 만들기 (1)
    • html php mysql (0)
    • node.Js (2)
    • 일상 (2)
    • 빈공간 uml 공부 (0)
    • Ubuntu(linux) (12)
    • 맥OS (10)
      • android 설치하기 (2)
    • Programming quizzes (0)
    • IoT (구 유비쿼터스) (16)
      • 라즈베리 파이 (11)
      • 아두이노 (5)
    • 하드웨어 (5)
      • 아수스 비보탭 노트8 asus vivotap no.. (2)
      • 크레마 카르타 (3)
    • 분석할 문장, 구문, 코드 (0)
    • 키보드 (1)
      • 해피해킹 (1)
    • 코드 라이언 (0)
    • 전자기기 (4)
    • Ted (0)
    • NAS (0)
    • 알고리즘 (0)
    • 연합인포맥스 (0)
    • 이벤트 응모함 (4)

블로그 메뉴

  • 홈
  • 태그
  • 미디어로그
  • 위치로그
  • 방명록

공지사항

인기 글

태그

  • C++
  • 라즈베리 파이
  • install
  • 개발
  • Java
  • C
  • 코드
  • 소스
  • 설명
  • 우분투
  • 방법
  • 예제
  • Python
  • 설치
  • error
  • GIT
  • 에러
  • CODE
  • Example
  • ubuntu

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
개발자_이훈규

천천히, 빠르게. 개발자의 Repository

개인 프로젝트/외주 홈페이지 만들기

[html, css] Text에 마우스 오버 효과주기

2015. 6. 12. 01:38



출처 : http://tip.daum.net/openknow/45100160?category_id=OCL



css로 클래스 이름을 줘서 해결한다.




오픈지식 [드림위버] 텍스트위에 마우스 오버시 다른색상 표현하기 우리는 흔히 텍스트위에 마우스 오버시 다른색상으로 표현하는 내용은 버튼으로 만든 후 a:hover 를 적용해야한다고 알고있습니다.
그러나 그렇지 않습니다.
CSS 를 선언하고 원하는 부분에서 className 로 선언하면 간단히 해결이 된답니다.
아래의 내용을 참고하세요.


<HEAD> 부분에 넣어줄 내용입니다.

<style type="text/css">
<!--
.fontup {color:#666666;}
.fontover {color:#CC3333;}
-->
</style>

<BODY> 부분중 원하는 내용에 아래와같이 표현합니다.

<span onMouseOver="this.className='fontover'" onMouseOut="this.className='fontup'">다음과 함께하는 드림위버 공부방</span>

저작자표시 비영리 (새창열림)

'개인 프로젝트 > 외주 홈페이지 만들기' 카테고리의 다른 글

가비아 ssh로 접속해서 작업하기  (0) 2016.01.22
이미지 위에 이미지가 나오는 html 코드  (0) 2015.06.20
    '개인 프로젝트/외주 홈페이지 만들기' 카테고리의 다른 글
    • 가비아 ssh로 접속해서 작업하기
    • 이미지 위에 이미지가 나오는 html 코드
    개발자_이훈규
    개발자_이훈규
    혼자 꽁양꽁양 개발하면서 놀아요~ - 노트같은 블로그

    티스토리툴바