<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="../css/mystyle.css">
<style>
a:link{
color : green;
background : yellow;
text-decoration: none; /*underline, overline, line-through(글자사이를 통과하는 선)*/
}
a:visited{
color : red;
background : lightblue;
}
a:hover{
font-size : 1.5em;
text-decoration : underline;/*마우스대면 클자 커짐*/
}
a:action{
color : blue;
font-weight : bold;
text-decoration : none;
}
p:hover{
background : lime;/*갖다대면 라임됨*/
}
p:active{
background : pink;/*누르면 핑크됨*/
}
p:nth-child(1) {
border : 2px solid blue;
}
</style>
</head>
<body>
<pre>
의사클래스
상태를 나타낸다
:link, :visited, :hover, :active
p:hover{
background : lime;/*갖다대면 라임됨*/
}
p:active{
background : pink;/*누르면 핑그됨*/
}
</pre>
<a href="../html/아메리카노.html">아메리카노</a>
<a href="../html/에스프레소.html">에스프레소</a>
<a href="../html/카페라떼.html">카페라떼</a>
<a href="../html/카푸치노.html">카푸치노</a>
<p>무궁화 꽃이 피었습니다</p>
<p>오늘은 즐거운 금요일 입니다</p>
<p>내일은 행복한 토요일 입니다</p>
</body>
</html>의사클래스
상태를 나타낸다
:link, :visited, :hover, :active
p:hover{
background : lime;/*갖다대면 라임됨*/
}
p:active{
background : pink;/*누르면 핑그됨*/
}
아메리카노
에스프레소
카페라떼
카푸치노
무궁화 꽃이 피었습니다
오늘은 즐거운 금요일 입니다
내일은 행복한 토요일 입니다
신입 개발자 입니다!!!