注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

巨蟹男的博客

如果不可以改变现实,那么就先改变自己

 
 
 

日志

 
 

带背景图片的双语导航  

2007-04-27 14:24:29|  分类: 常 用_资源 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta content="双语导航 Bilingual Navigator hero4u web designer online showcase portfolio work 2007 孤竹林 标准建站 网页设计 在线 作品 案例" />
<meta content="Online showcase of hero4u. 个人w3c标准建站案例[三元陶瓷]。本页面用于演示如何制作带背景图片的双语导航" />
<meta content="王赟" />
<meta content="创作共享授权——署名——非商用|Creative Copyright——By——No Commercial"  />
<title>带背景图片的双语导航</title>
<style type="text/css">
<!--
/* 通用样式 */
*
{
    margin:0;
    padding:0;
}
html,body
{
    height:100%;
    width:100%;
 font-size:100%;
}

body {
 background:#A88462 url(index-bg.gif) repeat-x left top;
}
ul
{
 list-style:none;
}
body
{
 font-size:62.5%;
 font-family:Verdana, Arial, Helvetica, sans-serif;
}
p,h1,h2,h3,h4,h5,h6,pre
{
 font-style:normal;
 font-weight:normal;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 letter-spacing: -0.05em;
}
h1 {font-size:2em;}
h2 {font-size:1.8em;}
h3 {font-size:1.4em;}
h4,h5,h6,pre {font-size:1.2em;letter-spacing:normal;}
table,p{font-size:1.2em; letter-spacing:normal; }
li,a,dd,dt,dl{font-size:1em;}

a:link {
 text-decoration: none;
}
a:visited {
 text-decoration: none;
}
a:hover {
 text-decoration: none;
}
a:active {
 text-decoration: none;
}

/* 双语导航栏样式 */
#nav
{
 margin-left:10em;
 padding-left:2em;
 width:541px;
 height:47px;
 line-height:47px;
 background:#A88462 url(http://www.10kuai.cn/20070318/nav-bg.gif) no-repeat left top;
}
#nav li
{
 height:100%;
 float:left;
 font-size:12px;
}
#nav li.sep
{
 width:2px;
 
 background:url(http://www.10kuai.cn/20070318/sep.gif) no-repeat left top;
}
#nav li a
{
 width:80px;
 height:100%;
 display:block;
 text-align:center;
 color:#eeeeee;
}
#nav li a span
{
 width:100%;
 height:100%;
 display:none;
}
#nav li a:hover
{
 ;
}
#nav li a:hover span
{
 background:#A88462 url(http://www.10kuai.cn/20070318/span-bg.gif) repeat-x left top;
 display:block;
 ;
 left:0;
 top:0;
 cursor:pointer;
}

-->
</style></head>

<body>
<ul >
 <li><a href="http://www.10kuai.cn/index.html" title="DTD XHTML 1.0 Strict 标准建站">Home<span>实快首页</span></a></li>
 <li ></li>
 <li><a href="http://www.10kuai.cn/index.html" title="DTD XHTML 1.0 Strict 标准建站">Intro<span>关于我们</span></a></li>
 <li ></li>
 <li><a href="http://www.10kuai.cn/index.html" title="DTD XHTML 1.0 Strict 标准建站">Contact<span>联系我们</span></a></li>
 <li ></li>
 <li><a href="http://www.10kuai.cn/index.html" title="DTD XHTML 1.0 Strict 标准建站">Certificate<span>荣誉证书</span></a></li>
 <li ></li>
 <li><a href="http://www.10kuai.cn/products.html" title="DTD XHTML 1.0 Strict 标准建站">Product<span>产品推荐</span></a></li>
 <li ></li>
 <li><a href="http://www.10kuai.cn/products.html" title="DTD XHTML 1.0 Strict 标准建站">Order<span>在线订单</span></a></li>
</ul>
</body>
</html>

  评论这张
 
阅读(107)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017