老师,帮忙检查一下代码呗?

来源:2-13 编程练习

郭永青

2020-03-08 21:45:22

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

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

    <title>Document</title>

    <style>

        :root{

            --color:#f3f3f3;

        }

        body{

            background:var(--color);

        }

        div{

            width:100px;

            height: 200px;

            float: left;

            border: 2px solid red;

            margin-right: 20px;

        }

        div:nth-child(1){

            border-radius: 50px/50px 30px 50px 0;

        }

        div:nth-child(2){

            border-radius:20px 70px 100px 20px ;

        }

        div:nth-child(3){

            border-radius: 20px 40px;

        }

    </style>

</head>

<body>

    <div></div>

    <div></div>

    <div></div>

</body>

</html>

老师,代码对吗?

问题还有,问题一:就是圆角的这个参数的数据一般来说,是我们自己调还是有数据的呀?

问题二:我的CSS调用使用规范吗?

写回答

1回答

好帮手慕码

2020-03-08

同学你好,第一个是水平的,建议修改:

http://img.mukewang.com/climg/5e64f79e09b55a0d05020221.jpg

另,关于同学的问题:

(1)一般来说这些数据是ui设计师提供的。由于我们现在是学习阶段,所以是自己调整一下。

(2)使用规范,没有问题。

如果我的回答帮到了你,欢迎采纳,祝学习愉快~

0

0 学习 · 40143 问题

查看课程