xx闪购-商品列表布局设计

最新推荐文章于 2021-08-02 19:32:04 发布

iheyu

最新推荐文章于 2021-08-02 19:32:04 发布

阅读量323

点赞数

分类专栏： html 文章标签：商品列表布局设计

本文链接：https://blog.csdn.net/iheyu/article/details/103908454

版权

本文详细介绍了xx闪购商品列表的页面结构设计，包括不同部分在浏览器中的显示效果，如边框处理、文字提示及其距离调整，以及商品框的样式设计。通过这些设计，提升了用户体验和视觉效果。

摘要由CSDN通过智能技术生成

1.页面结构：

<div class="seckill-goods">
            <ul>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
        </div>

.seckill-goods li {
    width: 400px;
    height: 190px;
    background-color: #fff;
}

在浏览器中的显示效果！

1.1.

<div class="seckill-goods">
            <ul class="clearfix">
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
        </div>