一般导航区的写法

<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; } ? ? ? ? ?（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

<table class="text">