HTML+CSS仿淘宝商城商品栏模块

最新推荐文章于 2025-07-09 15:00:38 发布

原创

最新推荐文章于 2025-07-09 15:00:38 发布 · 849 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#css #html5 #css3 #前端

效果图：

代码展示：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>仿淘宝</title>
        <style>        
            .goods {
                width: 220px;
                height: 360px;
                border: 1px solid #EDEDED;
            }
            
            .goods:hover {
                border-color: #f40;
            }
            
            .img_1 {
                width: 220px;
                height: 220px;
                background-size: 220px 220px;
                background-image: url("img/鸡哥卫衣图片.png"