Page 78 - COPA VOL II of II - TP -Punjabi
P. 78
li a:hover:not(.active) { </ul>
background-color: #111; <divstyle=”margin-left:0%;padding:1p x
} 16px;height:1000px;”>
.active { <h2>National I nstructional M edia Institute (NIMI)</
background-color: #04AA6D; h2>
} </div>
li a:hover, .dropdown:hover .dropbtn { </body>
background-color: green; </html>
} ਆਉਟਪੁੱਟ
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: green;
padding: 12px 16px;
text-decoration: none;
display: black; <!DOCTYPE html>
text-align: left; <html>
} <head>
<style>
.dropdown-content a:hover {background-color: #f1f1f1; * {
} box-sizing: border-box;
.dropdown:hover .dropdown-content { }
display: block; input[type=text], select, textarea {
} width: 100%;
</style> padding: 12px;
</head> border: 1px solid #ccc;
<body> border-radius: 4px;
<ul> resize: vertical;
<li><a class=”active” href=”#home”>Home</a></li> }
<li><a href=”#news”>News</a></li> label {
<li><a href=”#contact”>Contact</a></li> padding: 12px 12px 12px 0;
<li href=”#about”>About</a></ display: inline-block;
li> }
<li class=”dropdown”> input[type=submit] {
<a h ref=”javascript:void(0)” background-color: #04AA6D;
class=”dropbtn”>Admission</a> color: white;
<div class=”dropdown-content”>
padding: 12px 20px;
border: none;
border-radius: 4px;
<a href=”#”>Facility</a>
64 IT ਅਤੇ ITES : COPA (NSQF - ਸੰਸ਼ੋਧਭਤ 2022) - ਅਿਭਆਸ 1.31.114
