CSS学习-网页导航栏
生活随笔
收集整理的這篇文章主要介紹了
CSS学习-网页导航栏
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
用ul制作網頁導航欄
<!DOCTYPE html> <html><head><style>ul {list-style-type: none;margin: 0;padding: 0;width: 800px;overflow: hidden;}li {float: left;}a {display: block;width: 120px;font-weight: bold;color: #FFFFFF;border-right: 1px solid white;text-align: center;padding: 4px;text-decoration: none;text-transform: uppercase;}a:link,a:visited {background-color: #bebebe;}a:hover,a:active {background-color: #cc0000;}</style></head><body><ul><li><a href="#home">Home</a></li><li><a href="#news">News</a></li><li><a href="#contact">Contact</a></li><li><a href="#about">About</a></li></ul></body></html>
轉載于:https://www.cnblogs.com/finalize/p/4277831.html
總結
以上是生活随笔為你收集整理的CSS学习-网页导航栏的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Centos6的VSFTP服务器配置使用
- 下一篇： Java中9种IO的读取方式