css商品列表 css商品列表頁

Konga購物達(dá)人找貨選品2025-08-275980

<!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>

本文內(nèi)容根據(jù)網(wǎng)絡(luò)資料整理，出于傳遞更多信息之目的，不代表金鑰匙跨境贊同其觀點(diǎn)和立場。

轉(zhuǎn)載請注明，如有侵權(quán)，聯(lián)系刪除。

本文鏈接：http://m.gantiao.com.cn/post/2027844630.html