仿淘宝商品界面（html div+css)

最新推荐文章于 2025-05-03 14:30:58 发布

yikaluosidexizhe

最新推荐文章于 2025-05-03 14:30:58 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： web 文章标签： css html css3

本文链接：https://blog.youkuaiyun.com/yikaluosidexizhe/article/details/127797103

<!DOCTYPE html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>仿淘宝的产品分类菜单</title>
    <style>
        body {text-align:center;font-family:"宋体"; margin:0; padding:0;font-size:12px; color:#000;overflow-x:hidden}
        div,form,img,ul,ol,li,dl,dt,dd {margin:0;padding:0;border:0;text-align:left;}
        .Nav{border-top:2px solid #c00}
        .Nav .Navlf{width:358px;float:left;display:inline;margin:0px;padding:0px;border:1px solid #d8d8d8;border-top:none;border-left:none;position:relative;}
        .Navlf .Navleft{width:350px;float:left;display:inline;height:450px;margin:0px;margin-left:2px;padding:0px;}
        .Navleft a:visited{color:#333}
        .Nav_head1{margin:0px;position:relative;z-index:99;float:left;display:inline;}
        .Nav_head1 li{padding:0px;position:relative;float:left; display:inline-block;height:auto;line-height:22px;}
        .Nav_