<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>02_다양한 커서의 활용</title>
<link rel="icon" href="img/cursor.cur">
</head>
<body>
<a href="">
<div style="background-color: pink;">박스</div>
</a> <br>
<div style="background-color: lightblue;, cursor: pointer;">박스</div>
<p style="cursor:url(img/cursor.cur), auto;">
Lorem ipsum dolor, sit amet consectetur, adipisicing elit. Qui, quam delectus veniam tenetur alias laboriosam exercitationem repellat molestias obcaecati quo facere inventore doloremque unde sint reiciendis aliquid ullam temporibus iusto iste autem repudiandae a laudantium. Illum, nisi! Voluptas molestias fugiat odit maiores hic, dolore dolorem veniam incidunt impedit. Suscipit, harum!
</p>
<img src="img/event.jpg" alt="" style="cursor: url(bat18.png), auto;">
</body>
</html>
'CSS, Javascript, jQuery > code' 카테고리의 다른 글
| 레이아웃을 이용한 과제 (0) | 2023.04.03 |
|---|---|
| stabucks sub page Ex (0) | 2023.03.30 |
| favicon의 활용 (0) | 2023.03.30 |
| 외부스타일 시트의 적용 (0) | 2023.03.30 |
| css의 다양한 선언방식 (0) | 2023.03.30 |
