收藏
PHPz批改状态：合格
老师批语：
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>导航-二级分类</title><style>body,ul,li{padding: 0px;margin: 0px;}li{list-style: none;}a{text-decoration: none;color: white;}nav,nav>ul{/*border:1px solid red;*/background: blue;/* width: 1200px; 指定宽度*//* margin: 10px auto;*/}nav>ul{/*border:1px solid #000000;*/display: flex;justify-content: center; <!--对齐-->}nav>ul>li{position: relative;padding: 10px 20px;width: 100px;}nav>ul>li:hover,nav>ul>li>ul>li:hover {background: #a31515;}nav>ul>li>ul{position: absolute;/*border:1px solid #000;*/background: red;left:0px;top:40px;display: none;width: 140px}nav>ul>li>ul>li{padding: 10px 20px;}nav>ul>li:hover>ul{display: block;}</style></head><body><!--导航区域--><nav><ul><li><a href="">首页</a></li><li><a href="">图书</a><ul><li><a href="">小学</a></li><li><a href="">中学</a></li><li><a href="">其他</a></li></ul></li><li><a href="">服饰</a><ul><li><a href="">童装</a></li><li><a href="">女装</a></li><li><a href="">男装</a></li></ul></li><li><a href="">家居</a><ul><li><a href="">客厅用</a></li><li><a href="">房间用</a></li><li><a href="">其他</a></li></ul></li><li><a href="">珠宝饰品</a><ul><li><a href="">黄金珠宝</a></li><li><a href="">流行饰品</a></li><li><a href="">流行饰品</a></li><li><a href="">礼品</a></li></ul></li></ul></nav></body></html>
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
