Back to home
横向CSS菜单,有立体感的按钮菜单
2014-08-18 23:02:36 -0400
代码说明
转自x6网盘
HTML代码
<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