반응형
Q>
하이퍼 링크를 CSS로 정의 해보자.
A>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
a {
font-size: 50px;
font-weight: bold;
}
a:link {
color: green;
text-decoration: none;
}
a:visited {
color: goldenrod;
text-decoration: none;
}
a:hover {
color: hotpink;
text-decoration: underline;
}
</style>
</head>
<body>
<a href="#">Hyper Link</a>
</body>
</html>
R>
 |
|
반응형
'Python_WEB > HTML' 카테고리의 다른 글
| [Ch6]CSS3 레이아웃과 애니메이션 연습문제 2 (0) | 2020.11.23 |
|---|---|
| [Ch6]CSS3 레이아웃과 애니메이션 연습문제 1 (0) | 2020.11.23 |
| [Ch5]CSS 박스 모델과 응용 연습문제 3 (0) | 2020.11.15 |
| [Ch5]CSS 박스 모델과 응용 연습문제 2 (0) | 2020.11.14 |
| [Ch5]CSS 박스 모델과 응용 연습문제 1 (0) | 2020.11.14 |
