一个由ul l构成的漂亮的菜单样式i
生活随笔
收集整理的這篇文章主要介紹了
一个由ul l构成的漂亮的菜单样式i
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
2019獨(dú)角獸企業(yè)重金招聘Python工程師標(biāo)準(zhǔn)>>>
本例的最終效果如下：
代碼如下：
<!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html?xmlns="http://www.w3.org/1999/xhtml"?lang="zh-cn"> <head><meta?http-equiv="Content-Type"?content="text/html;?charset=gb2312"?/><meta?http-equiv="Content-Language"?content="gb2312"?/><title></title> </head> <body> <style??type?="text/css">/*??<![CDATA[??*/*{list-style:none;margin:0;padding:0;font-size:12px;}#navigation{margin:10px?auto;width:510px;overflow:hidden;}#navigation?li{float:left;text-align:center;width:50px;border-left:1px?solid?#CCC;margin-left:-1px;}#navigation?li?a,#navigation?li?a:hover{color:#999;}/*??]]>??*/ </style> <ul?id="navigation"><li><a?href="">菜單1</a></li><li><a?href="">菜單2</a></li><li><a?href="">菜單3</a></li><li><a?href="">菜單4</a></li><li><a?href="">菜單5</a></li><li><a?href="">菜單6</a></li><li><a?href="">菜單7</a></li><li><a?href="">菜單8</a></li><li><a?href="">菜單9</a></li><li><a?href="">菜單10</a></li> </ul></body> </html>轉(zhuǎn)載于:https://my.oschina.net/guopengfei/blog/418686
總結(jié)
以上是生活随笔為你收集整理的一个由ul l构成的漂亮的菜单样式i的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Qt mvc学习一
- 下一篇： Jenkins 部署