一般导航区的写法

<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; }          

    相关文章

    显卡天梯图2024最新版,显卡是电脑进行图形处理的重要设备,...
    初始化电脑时出现问题怎么办,可以使用win系统的安装介质,连...
    todesk远程开机怎么设置,两台电脑要在同一局域网内,然后需...
    油猴谷歌插件怎么安装,可以通过谷歌应用商店进行安装,需要...
    虚拟内存这个名词想必很多人都听说过,我们在使用电脑的时候...