border-radius:100px / 10px;这里的 “ / ” 是啥意思?

来源:7-7 CSS3选择器 ::before和::after

青牛侠3426401

2016-05-28 15:12

border-radius:100px / 10px;这个“/”是啥意思?

写回答 关注

5回答

  • yulunanmeng
    2016-06-21 15:10:24

    X轴与Y轴缩进量之比

  • HackerX
    2016-06-21 12:02:00

    慕码人118...

    谢谢!我也学习了,很实用

    2017-03-11 15:39:07

    共 1 条回复 >

  • 慕斯卡5552298
    2016-05-30 23:51:24

    前面的值设置其水平半径,“/”后面值设置其垂直半径。两个值相同就是圆角

  • Juliana_zlj
    2016-05-29 12:04:38

        border-radius: 100px 10px;等同于如下:

        border-top-left-radius: 100px;

        border-top-right-radius: 10px;

        border-bottom-right-radius: 100px;

        border-bottom-left-radius: 10px;

    border-radius: 100px / 10px;等同于如下:

        border-top-left-radius: 100px 10px;

        border-top-right-radius: 100px 10px;

        border-bottom-right-radius: 100px 10px;

        border-bottom-left-radius: 100px 10px;


    happy_...

    你这个理解是错的吧

    2016-09-22 15:01:01

    共 1 条回复 >

  • Juliana_zlj
    2016-05-29 12:01:26

       border-top-left-radius: 100px 10px;

       border-top-right-radius: 100px 10px;

       border-bottom-right-radius: 100px 10px;

       border-bottom-left-radius: 100px 10px;


十天精通CSS3

本课程为CSS3入门教程,深刻详解CSS3知识让网页穿上绚丽装备

242554 学习 · 2623 问题

查看课程

相似问题