본문 바로가기

프로그래밍/HTML5

반응선택자태그

 

<!DOCTYPE html>
<html>
   <meta charset="utf-8">
   <head>
      <title>반응 선택자</title>
      <style>
         p:hover {color: red;}
         p:active {color: blue;}
      </style>
   </head>
   <body>
      <p>반응 선택자 예시입니다.</p>
      <p>마우스가 글씨 위로 있으면 빨간색 클릭하면 파란색</p>
   </body>
</html>

 

반응선택자 태그

hover: 마우스를 올렸을때 글씨가 빨간색으로 변경된다.

active: 마우스를 클릭했을때 글씨가 파란색으로 변경된다.

'프로그래밍 > HTML5' 카테고리의 다른 글

상태선택자 태그2  (0) 2017.09.20
상태선택자 태그  (0) 2017.09.20
자손 선택자  (0) 2017.09.20
후손 선택자  (0) 2017.09.20
클래스,속성 선택자  (0) 2017.09.20