一般导航区的写法

<table class="text"><tr class="li1">
<td class="ln"><pre class="de1">1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

HOME                

LATEST ARRIVALS

               

MEN'S

               

WOMEN'S

               

KIDS

               

BRANDS

               

SALE

               

GIFT CARDS

               

FREEBIES

            这是一个

的表格方式做出了的效果，里面主要嵌套的元素有     如果是有背景图片，就作为中间部分就作为两边插入背景图片     例如：这是一个常态下的     #nav { width:960px; height:36px; padding-top:8px; margin:0 auto; }     #nav li { float:left; height:28px; margin-right:2px; }     #nav a { float:left; height:28px;     text-decoration:none; color:#fff; font-size:15px; font-family:Arial; line-height:28px; cursor:pointer; }     #nav strong { float:left; height:28px; font-weight:normal; }         #nav span { float:left; height:28px; padding:0 16px; }         如果需要效果，那就要加上这个hover的效果     #nav a:hover,#nav .active a { background:url(../images/nav_active_bg.png) repeat-x 0 -56px; }     #nav a:hover strong,#nav .active strong { background:url(../images/nav_active_bg.png) no-repeat; }     #nav a:hover span,#nav .active span { background:url(../images/nav_active_bg.png) no-repeat right -28px; }          

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [e-mail] 举报，一经查实，本站将立刻删除。