收藏
PHPz批改状态：合格
老师批语：
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>导航菜单</title><style>body{padding: 10px 0 10px 0; margin:0;}nav,ul,li,a{padding:0; margin: 0;}nav{width:1200px; height: 40px; margin: 0 auto; background-color: #E60012;padding-left: 1px;}nav > ul > li{list-style: none; font-size: 14px;float:left; padding: 9px 30px 10px 30px;margin-top:1px;position: relative;}nav > ul > li > a{color:#FFF; text-decoration: none;}nav > ul > li > span{display: block; width: 1px; height: 20px; position: absolute; right: 1px; top: 10px; background-color: #CF0010;}nav > ul > li:last-child > span{display:none;}nav > ul > li:hover{background-color: #FFF;}nav > ul > li:hover > a{color: #333;}nav > ul > li:hover > span{display:none;}</style></head><body><nav><ul><li><a href="">首页</a><span></span></li><li><a href="">前沿</a><span></span></li><li><a href="">前端</a><span></span></li><li><a href="">后端</a><span></span></li><li><a href="">云计算</a><span></span></li><li><a href="">产品设计</a><span></span></li><li><a href="">关于我们</a><span></span></li></ul></nav></body></html>
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
