HTML CSS tag 드롭다운 B
<!DOCTYPE htmlpx;
<html class="KO_Yoon">
<link href="style.css" rel="stylesheet">
<ul>
<li><a>Home</a></li>
<li><a>About</a>
<ul>
<li><a>Our Team</a></li>
<li><a>Camp Sites</a></li>
<li><a>Missiobn & Vision</a></li>
<li><a>Resources</a></li>
</ul>
</li>
<li><a>Things to do</a>
<ul>
<li><a>Activities</a></li>
<li><a>Parks</a></li>
<li><a>Shops</a></li>
<li><a>Events</a></li>
</ul>
<li><a>Contact</a>
<ul>
<li><a>Map</a></li>
<li><a>Directions</a></li>
</ul>
</li>
<li><a>News</a></li>
</ul>
</html>
index_style
body {
background: url('nature.jpg') no-repeat;
background-size: cover;
font-family: Arial;
}
ul {
margin: 0px;
padding: 0px;
list-style: none;
}
ul li {
float: left;
width: 200px;
height: 40px
background-color: black;
opacitu: .8;
line-height: 40px;
text-align: center;
font-size: 20px;
margin-right: 2px;
}
ul li a {
text-decoration: none;
color: white;
display: block;
}
ul li a:hover {
backgroune-color: green;
}
ul li ul li {
display: none;
}
ul li:hover ul li {
display: block;
}
https://www.patreon.com/clevertechie
업데이트! (9/13/19) Clever Techie Patreons의 새로운 기능 및 개선 사항: 1. 자세한 설명이 포함된 전체 소스 코드 다운로드 - 배우고 이해하기 쉬운 코드 2. Clever Techie의 주간 소스 코드 파일 업데이트 - 주제에 대해 새로운 것을 배울 때마다 소스 파일에 추가하고 업데이트에 대해 알려드립니다. - 최신 코딩 기술을 확인하십시오. 3. 설명적이고 이해하기 쉬운 주석이 포함된 맞춤형 Clever Techie 함수 라이브러리 - 코딩 생산성이 급증하고 재사용 가능한 맞춤형 함수의 Clever 라이브러리를 사용하여 코드를 보다 효율적으로 작성할 수 있습니다. 4. 구문 코드 요약 - 이전에 학습한 코드를 더 빠르게 암기하고 복습 4. 조직화된 파일 구조 - 단일 작업 공간에서 모든 Clever Techie 강의, 소스 코드, 그래픽, 다이어그램 및 치트 시트에 액세스 - 이전에 다룬 자료 및 소스 코드를 더 이상 검색하지 않음 - 엄청난 시간과 노력을 절약 5. 소스 파일이 다루는 주제 개요 - 이전에 학습한 모든 코딩 수업의 빠른 복습 6. 광고 없이 모든 풀 HD 1080p 동영상에 액세스 7. 콘솔 입력 예제 - 코딩을 더 쉽게 이해하고 배울 수 있는 대화형 예제 8. Clever Techie의 업데이트된 PHP 프로그래밍 책에 대한 액세스
첫댓글 https://www.youtube.com/watch?v=8x1mO1d6-4w
PLAY