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

最新推荐文章于 2024-06-11 09:26:28 发布

? !

最新推荐文章于 2024-06-11 09:26:28 发布

阅读量736

点赞数 1

分类专栏： web前端基础文章标签： css html5 css3 前端 Powered by 金山文档

本文链接：https://blog.csdn.net/qq_44829421/article/details/129784395

版权

效果图：

代码展示：

<!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");