疑问在注释里,

来源:2-14 编程练习

塔苏阿

2022-02-26 09:07:19

<!DOCTYPE html>

<html lang="en">


<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>红 绿 蓝 重叠</title>

    <style>

        * {

            margin: 0;

            padding: 0;

        }


        .box {

            width: 200px;

            height: 200px;

            margin: 200px auto;

            perspective: 300px;

            position: relative;

        }


        .box p {

            position: absolute;

            left: 0;

            top: 0;

            width: 200px;

            height: 200px;

        }


        .box p:nth-child(1) {

            background-color: pink;

            /* 老师你好,同样的代码,1运行不了,  2可以运行.请老师帮助解答,谢谢 */

            /* 1.transform: rotateX(68deg) translateZ(90deg); */

            /* 2.transform: rotateX(68deg) translateZ(90px); */

        }

    </style>

</head>


<body>

    <div class="box">

        <P></P>

        <P></P>

        <P></P>

    </div>

</body>


</html>


写回答

2回答

好帮手慕星星

2022-02-26

同学你好,自己能找到问题是很棒的,继续加油~

0

塔苏阿

提问者

2022-02-26

老师你好,我已经找到问题出现在那里了,谢谢老师

0

0 学习 · 17877 问题

查看课程

相似问题