<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>河北</title> <style> .s1{ margin-left: 100px; } .selected{ background-color: aqua; } </style> </head> <body> <div> <h1>省份</h1> <ul> <li><a href="./hebei.html" class="selected">河北省</a></li> <li><a href="./henan.html">河南省</a></li> </ul> </div> <div class="s1"> <h2>市区</h2> <ul> <li>石家庄</li> <li>唐山</li> <li>保定</li> <li>邯郸</li> </ul> </div> </body> </html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>河北</title>
<style>
.s1{
margin-left: 100px;
}
.selected{
background-color: aqua;
}
</style>
</head>
<body>
<div>
<h1>省份</h1>
<ul>
<li><a href="./hebei.html" class="selected">河北省</a></li>
<li><a href="./henan.html">河南省</a></li>
</ul>
</div>
<div class="s1">
<h2>市区</h2>
<ul>
<li>石家庄</li>
<li>唐山</li>
<li>保定</li>
<li>邯郸</li>
</ul>
</div>
</body>
</html>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>河南</title> <style> .s1{ margin-left: 100px; } .selected{ background-color: aqua; } </style> </head> <body> <div> <h1>省份</h1> <ul> <li><a href="./hebei.html">河北省</a></li> <li><a href="./henan.html" class="selected">河南省</a></li> </ul> </div> <div class="s1"> <h2>市区</h2> <ul> <li>石家庄</li> <li>唐山</li> <li>保定</li> <li>邯郸</li> </ul> </div> </body> </html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>河南</title>
<style>
.s1{
margin-left: 100px;
}
.selected{
background-color: aqua;
}
</style>
</head>
<body>
<div>
<h1>省份</h1>
<ul>
<li><a href="./hebei.html">河北省</a></li>
<li><a href="./henan.html" class="selected">河南省</a></li>
</ul>
</div>
<div class="s1">
<h2>市区</h2>
<ul>
<li>石家庄</li>
<li>唐山</li>
<li>保定</li>
<li>邯郸</li>
</ul>
</div>
</body>
</html>