[CSS] 横向CSS菜单,有立体感的按钮菜单
2014-08-18 22:39:50 -0400
代码演示
网址
网址
网址
网址
代码复制
<style> list-style: none; margin: 0; padding: 0; padding-top: 4px; } #navigation li { display: inline; } #navigation a:link, #navigation a:visited { margin-right: 2px; padding: 3px 10px 2px 10px; color: #A62020; background-color: #FCE6EA; text-decoration: none; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; border-bottom: 1px solid #717171; border-right: 1px solid #717171; } #navigation a:hover { border-top: 1px solid #717171; border-left: 1px solid #717171; border-bottom: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; } </style> </head> <body id="contact"> <div id="navigation"> <ul> <li class="recipes"><a href="#">网址</a></li> <li class="contact"><a href="#">网址</a></li> <li class="articles"><a href="#">网址</a></li> <li class="articles"><a href="#">网址</a></li> </ul> </div>
«Newer
Older»
Comment:
Name:
Back to home
Subscribe
|
Register
|
Login
|
N