CSS课堂案例11-淘宝焦点图布局

最新推荐文章于 2023-03-10 18:12:50 发布

一只小白657

最新推荐文章于 2023-03-10 18:12:50 发布

阅读量1.7k

点赞数

分类专栏：学习案例文章标签： 1024程序员节

本文链接：https://blog.csdn.net/weixin_45139556/article/details/120939302

版权

淘宝焦点图布局

在这里插入图片描述

结构

在这里插入图片描述

步骤

在这里插入图片描述

代码

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>淘宝焦点图布局</title>
    <style>
        /* 初始化 */
        * {
     
            margin: 0;
            padding: 0;
        }
        li {
     
            list-style: none;
        }
        /* 大盒子 */
        .tb-promo {
     
            position: relative;/*子绝父相*/
            top: 25px;
            left: 50%;
            margin-left: -260px

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

一只小白657

关注关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
CSS课堂案例11-淘宝焦点图布局

淘宝焦点图布局结构步骤代码<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>淘宝焦点图布局</title> <style> /* 初始化 */ * { margin: 0; padding: 0;
复制链接

扫一扫