话不多说，直接上代码。
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title></title> | |
| <style> | |
| .a{ | |
| width: 200px; | |
| } | |
| .b{ | |
| width: 200px; | |
| height: 50px; | |
| text-align: center; | |
| line-height: 50px; | |
| background: #00FA9A; | |
| color: white; | |
| font-size: 36px; | |
| } | |
| .c{ | |
| height: 200px; | |
| width: 200px; | |
| display: none; | |
| background: gray; | |
| } | |
| .b:hover{ | |
| background: green; | |
| cursor: pointer; | |
| } | |
| .a:hover .c{ | |
| display: block; | |
| } | |
| a{ | |
| display: block; | |
| text-decoration: none; | |
| height: 40px; | |
| text-align: center; | |
| line-height: 40px; | |
| color: #000000; | |
| } | |
| a:hover{ | |
| background: #000000; | |
| color: white; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div class="a"> | |
| <div class="b"> | |
| 他的主页 | |
| </div> | |
| <div class="c"> | |
| <a href="#">个人资料</a> | |
| <a href="#">主要作品</a> | |
| <a href="#">最近动态</a> | |
| <a href="#">人物关系</a> | |
| <a href="#">人物评价</a> | |
| </div> | |
| </div> | |
| </body> | |
| </html> | |
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
