萬盛學電腦網 >> 網頁制作 >> DivCSS教程 >> CSS實現的中英文雙語菜單效果代碼介紹
CSS實現的中英文雙語菜單效果代碼介紹
大家知道CSS實現的中英文雙語菜單效果代碼嗎?下面我們就給大家詳細介紹一下吧!<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html xmlns=">
<head>
<title>實用的中英文CSS菜單</title>
<style>
body{
margin:0;
padding:0;
font-size:12px;
}
*
{
margin:0;
padding:0;
text-align:left;
color:#9196A0;
font-family:Verdana;
}
a{
color:#9196A0;
}
a:link {
text-decoration: none
}
a:visited{
text-decoration: none
}
a:hover{
text-decoration:underline;
color:#81BC06
}
#nav{
height:100%;
overflow: hidden;
list-style:none;
margin:0 auto;
width:798px
}
#nav li{
float:left;
font-weight:bold;
height:60px;
background:url(images/navbg.png) #fff repeat-x left bottom;
padding:0
}
#nav a{
text-align:center;
padding-top:20px;
display: block;
height:40px;
