老师,帮忙检查一下代码呗?
来源: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
同学你好,第一个是水平的,建议修改:
另,关于同学的问题:
(1)一般来说这些数据是ui设计师提供的。由于我们现在是学习阶段,所以是自己调整一下。
(2)使用规范,没有问题。
如果我的回答帮到了你,欢迎采纳,祝学习愉快~
相似问题