老师我这个图片是怎么回事？

图片描述

相关代码：

<!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>Document</title>
    <style>
        img{
            border: 10px solid white;
        }
        .pic1{
            transform: rotate(30deg);
        }
        .pic2{
            transform: rotate(60deg);
        }
        .pic3{
            transform: rotate(90deg);
        }
        .pic4{
            transform: rotate(120deg);
        }
        .pic5{
            /* 以左上角为圆点进行旋转 */
            transform-origin: 0 0;
            transform: rotate(30deg);
        }

        .pic6{
            transform: rotate();
        }
    </style>
</head>
<body>
    <p>
        <img src="../images/1.jpg" class="pic1">
    </p>
    <p>
        <img src="../images/1.jpg" class="pic2">
    </p>
    <p>
        <img src="../images/1.jpg" class="pic3">
    </p>
    <p>
        <img src="../images/1.jpg" class="pic4">
    </p>
    <p>
        <img src="../images/1.jpg" class="pic5">
    </p>
    <p>
        <img src="../images/1.jpg" class="pic6">
    </p>
</body>
</html>

刘徽 2023-08-01

源自：2D与3D转换 2-1 旋转变形

收起

1回答

好帮手慕久久回答被采纳获得+3积分 2023-08-01 09:53:50

同学你好，怀疑图片路径写错了。同学的路径../images/xxx.jpg，意思是：images文件夹与html文件不是同一级，html的上一级目录中，有images文件夹。同学检查一下图片路径的书写方式。如果images文件夹与html文件是同一级的，那么路径可以写成./images/xxx.jpg或者images/xxx.jpg。

祝学习愉快！

收起回答