반응형
[HTML & CSS] div 태그 hover 효과 주기 !!
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<style>
.div1 {
width: 300px;
height: 100px;
border: 1px solid blue;
}
.div1:hover {
background-color:#384E80;
}
</style>
<body>
<div class="div1"></div>
</body>
</html>결과값
728x90
반응형
'Coding > HTML & CSS' 카테고리의 다른 글
| [HTML & CSS] input 텍스트 상자에 자동완성 기능 없애는 방법 !! (0) | 2023.01.19 |
|---|---|
| [HTML & CSS] div 태그에 onclick 기능 주는 방법 !! (클릭 이벤트) (0) | 2023.01.16 |
| [HTML & CSS] <a> 태그 안에 value값 설정하는 초 간단 방법 !! (0) | 2023.01.13 |
| [HTML & CSS] 모바일에서 a 태그 클릭 시 전화 걸리게 설정, 전화연결 (0) | 2022.12.17 |
| [HTML & CSS] jQuery를 사용하여 CSS파일 변경하기 (동적으로 link 태그 변경) (0) | 2022.11.25 |
댓글