web前端入门到实战：制作仿京东商城-商品列表商品筛选功能

最新推荐文章于 2024-04-28 13:46:58 发布

VIP文章魔方编程

最新推荐文章于 2024-04-28 13:46:58 发布

阅读量1.6k

点赞数 1

文章标签： web前端前端前端开发前端基础编程语言

本文链接：https://blog.csdn.net/wewfdf/article/details/102809333

版权

这次实现一个仿京东商城-商品列表商品筛选的功能

一、html代码

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>

<div class='container'>
    <div class='filter'>
        <span>已选条件：</span>
        <div class='itme'>
            <!-- <a>
                ×  <span>惠普</span>
            </a> -->
        </div>
    </div>
    <div class='store'>
        <dl>
            <dt>品牌：</dt>
            <dd><div><a>全部</a></div></dd>
            <dd><div><a>惠普(hp)</a></div></dd>
            <dd><div><a>联想(Lenovo)</a></div></dd>
            <dd><div><a>联想(ThinkPad)</a></div></dd>
            <dd><div><a>宏基(acer)</a></div></dd>
            <dd><div><a>华硕</a></div></dd>
            <dd><div><a>戴尔</a></div></dd>
            <dd><div><a>三星</a></div></dd>
            <dd><div><a>索尼</a></div></dd>
            <dd><div><a>东芝</a></div></dd>

最低0.47元/天解锁文章

优惠劵

魔方编程

关注关注

1
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
web前端入门到实战：制作仿京东商城-商品列表商品筛选功能

这次实现一个仿京东商城-商品列表商品筛选的功能一、html代码<!DOCTYPE html><html><head> <title></title> <link rel="stylesheet" type="text/css" href="css/style.css"></head>&l...
复制链接

扫一扫