老师帮我看下

老师帮我看下

感觉控制不住它,线老是在角度那里变细了 粗细不一样。

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title></title>

    <style>

        body {

            background: #f3f3f3;

        }

       /*此处补充代码*/

       .div1{

           display:inline-block;

           width:180px;

           height:80px;

           border:4px solid red;

           margin-right:20px;

           border-radius: 90px/ 0px 30px 20px 30px;

       }

       .div2{

            display: inline-block;

    width: 64px;

    height: 120px;

    border: 4px solid red;

    margin-right: 20px;

    border-radius: 32px/ 10px 40px 120px 10px;

       }

       .div3{

            display: inline-block;

    width: 64px;

    height: 120px;

    border: 4px solid red;

    margin-right: 20px;

    border-radius: 32px/ 10px 30px 10px 30px;

       }

       

    </style>

</head>


<body>

   <!--此处补充代码-->

   <div class="div1"></div>

   <div class="div2"></div>

   <div class="div3"></div>

</body>

</html>


正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,这个角度目前是没有规律和计算方法的。是在浏览器中调试出来的,在实际开发中是有设计稿的,在设计稿中可以看到角度是多少。

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

  • Rain_2020 提问者 #1
    好吧
    2019-11-28 09:17:10
好帮手慕码 2019-11-27 13:59:04

同学你好,实现效果上可以再优化一下。并且,样式布局有一些繁琐。建议修改如下:

  1. 可以先设置div的共有样式,例如如下部分提取出来

  2. 其次,圆角的角度修改:

    http://img1.sycdn.imooc.com//climg/5dde10a609f4d44307570408.jpg

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

  • 提问者 Rain_2020 #1
    老师 这个有什么规律吗 有什么计算的方式?
    2019-11-27 17:15:59
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师