导航页实例

来源：互联网发布：pb业务知乎编辑：程序博客网时间：2024/06/16 11:12

<!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=gb2312" /><title>导航页实例</title><link rel="stylesheet" href="banner.css" type="text/css" /></head><body><div id="banner"><ul><li><a href="#">home</a></li><li><a href="#">link</a></li><li><a href="#">product</a></li><li><a href="#">phone</a></li><li><a href="#">car</a></li><li><a href="#">about</a></li></ul></div></body></html>//banner.css#banner{    width:750px;    height:30px;    background:#abf;    margin:0 auto}ul{    list-style:none/*去除标号*/}ul li{    float:left;    width:110px;     height:25px;    text-align:center;     border-left:2px solid #aab;    border-right:2px solid #aab;    padding-top:5px;}a{    text-decoration:none;}

运行结果：

0 0