简单导航栏
實現(xiàn)一個簡單的導(dǎo)航欄。
使用HTML和CSS實現(xiàn)簡單的導(dǎo)航欄效果，鼠標(biāo)放上改變背景楊色。
效果演示
代碼演示
<!DOCTYPE html> <html><head><meta charset="utf-8"><title></title></head><style>ul{width: 50%;height: 300px;padding: 0px;margin: 30px auto;border: 1px solid #000000;//去掉li前面的圓點list-style-type: none;}li{list-style-type: none;float: left;}a{display: block;width: 202px;height: 50px;font-family: "microsoft yahei";line-height: 50px;background-color: skyblue;margin: 0px 0px;color: #000000;text-align: center;text-decoration: none;font-size: 15px;}a:hover{background-color: greenyellow;}</style><body><div><ul><li><a href="#">首頁</a></li><li><a href="#">學(xué)習(xí)資源</a></li><li><a href="#">課程實驗</a></li><li><a href="#">溝通交流</a></li><li><a href="#">案例解答</a></li></ul></div></body> </html>總結(jié)
- 上一篇： python雪花算法生成id_理解分布式
- 下一篇： ucache灾备云报价_UCACHE灾备