强烈推荐:30余个CSS导航菜单效果

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

<html xmlns=”http://www.w3.org/1999/xhtml”>

<head>

<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″ />

<title>Untitled Document</title>

<style type=”text/css”>

body {

margin:0;

padding:0;

font: bold 11px/1.5em Verdana;

}

h2 {

font: bold 14px Verdana, Arial, Helvetica, sans-serif;

color: #000;

margin: 0px;

padding: 0px 0px 0px 15px;

}

/*- Menu Tabs————————— */

#tabs {

float:left;

width:100%;

background:#BBD9EE;

font-size:93%;

line-height:normal;

}

#tabs ul {

margin:0;

padding:10px 10px 0 50px;

list-style:none;

}

#tabs li {

display:inline;

margin:0;

padding:0;

}

#tabs a {

float:left;

background:url(“tableft.gif”) no-repeat left top;

margin:0;

padding:0 0 0 4px;

text-decoration:none;

}

#tabs a span {

float:left;

display:block;

background:url(“tabright.gif”) no-repeat right top;

padding:5px 15px 4px 6px;

color:#666;

}

/* Commented Backslash Hack hides rule from IE5-Mac */

#tabs a span {float:none;}

/* End IE5-Mac hack */

#tabs a:hover span {

color:#FF9834;

}

#tabs a:hover {

background-position:0% -42px;

}

#tabs a:hover span {

background-position:100% -42px;

}

/*- Menu Tabs B————————— */

#tabsB {

float:left;

width:100%;

background:#F4F4F4;

font-size:93%;

line-height:normal;

第 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 页

强烈推荐:30余个CSS导航菜单效果

相关文章:

你感兴趣的文章:

标签云: