GoMainPage







mmm

Dropdown Menu inside a Navigation Bar

Hover over the "Dropdown" link to see the dropdown menu.

2019-12-07

2019-06 는 2019-12-07 로부터 -6 달 차이
<h2>mmm</h2>
<!DOCTYPE html>
<html>
<head>
<style>
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
}

li {
float: left;
}

li a, .dropbtn {
display: inline-block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn {
background-color: red;
}

li.dropdown {
display: inline-block;
}

.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}

.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
text-align: left;
}

.dropdown-content a:hover {background-color: #f1f1f1;}

.dropdown:hover .dropdown-content {
display: block;
}
</style>
</head>
<body>

<ul>
<li><a href='#home'>Home</a></li>
<li><a href='#news'>News</a></li>
<li class='dropdown'>
<a href='javascript:void(0)' class='dropbtn'>Dropdown</a>
<div class='dropdown-content'>
<a href='#'>Link 1</a>
<a href='#'>Link 2</a>
<a href='#'>Link 3</a>
</div>
</li>
</ul>

<h3>Dropdown Menu inside a Navigation Bar</h3>
<p>Hover over the 'Dropdown' link to see the dropdown menu.</p>

</body>
</html>
2019-12-07=date('Y-m-d');
echo 2019-12-07.'<br><br>';
-6='-6';
1575699128 = time();
2019-06 는 2019-12-07 로부터 -6 달 차이 <br>= date('Y-m',strtotime('-6 month', 1575699128)). ' 는 2019-12-07 로부터 -6 달 차이 <br>';
echo 2019-06 는 2019-12-07 로부터 -6 달 차이 <br>;