css商品列表css商品列表页

货源人·学电商2天前电商货源

css商品列表 css商品列表页

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>CSS商品列表</title>    <style>        ul {            list-style-type: none;            padding: 0;        }        li {            margin-bottom: 10px;        }        li img {            width: 100px;            height: 100px;            border-radius: 50%;        }        li h3 {            font-size: 16px;            margin-bottom: 5px;        }        li p {            font-size: 14px;            color: #666;        }    </style></head><body>    <ul>        <li>            <img src="https://via.placeholder.com/150" alt="商品图片">            <h3>商品名称</h3>            <p>商品描述</p>        </li>        <li>            <img src="https://via.placeholder.com/150" alt="商品图片">            <h3>商品名称</h3>            <p>商品描述</p>        </li>        <li>            <img src="https://via.placeholder.com/150" alt="商品图片">            <h3>商品名称</h3>            <p>商品描述</p>        </li>    </ul></body></html>