请选择 进入手机版 | 继续访问电脑版
查看: 735|回复: 3

css圆角的制作

  [复制链接]
  • TA的每日心情
    无聊
    2018-8-9 13:07
  • 签到天数: 11 天

    [LV.3]偶尔看看II

    51

    主题

    73

    帖子

    615

    积分

    管理员

    Zero

    Rank: 9Rank: 9Rank: 9

    积分
    615
    QQ
    发表于 2018-2-26 17:59:12 | 显示全部楼层 |阅读模式
    border-radius: 左上角 右上角 右下角 左下角。
    CSS画圆
    1. .one{
    2.       width: 100px;
    3.       height: 100px;
    4.       background: #C81623;
    5.       border-radius: 50%;
    6. }
    复制代码


    若多年后无所作为,韶华青春何止辜负丶 ​​​​
    回复

    使用道具 举报

  • TA的每日心情
    无聊
    2018-8-9 13:07
  • 签到天数: 11 天

    [LV.3]偶尔看看II

    51

    主题

    73

    帖子

    615

    积分

    管理员

    Zero

    Rank: 9Rank: 9Rank: 9

    积分
    615
    QQ
     楼主| 发表于 2018-2-26 18:00:09 | 显示全部楼层
    绘制同心圆
    1. .one{
    2.      width: 100px;
    3.      height: 100px;
    4.      background: #C81623;
    5.      border:20px solid yellow;
    6.      border-radius: 50%;
    7. }
    复制代码
    若多年后无所作为,韶华青春何止辜负丶 ​​​​
    回复

    使用道具 举报

  • TA的每日心情
    无聊
    2018-8-9 13:07
  • 签到天数: 11 天

    [LV.3]偶尔看看II

    51

    主题

    73

    帖子

    615

    积分

    管理员

    Zero

    Rank: 9Rank: 9Rank: 9

    积分
    615
    QQ
     楼主| 发表于 2018-2-26 18:00:50 | 显示全部楼层
    绘制小型引导框
    1. .one{
    2.     width: 20px;
    3.     height: 20px;
    4.     background: #C81623;
    5.     border-radius: 50% 50% 50% 0;
    6. }
    复制代码
    若多年后无所作为,韶华青春何止辜负丶 ​​​​
    回复

    使用道具 举报

  • TA的每日心情
    无聊
    2018-8-9 13:07
  • 签到天数: 11 天

    [LV.3]偶尔看看II

    51

    主题

    73

    帖子

    615

    积分

    管理员

    Zero

    Rank: 9Rank: 9Rank: 9

    积分
    615
    QQ
     楼主| 发表于 2018-2-26 18:01:30 | 显示全部楼层
    绘制椭圆
    1. .one{
    2.       width: 200px;
    3.       height: 100px;
    4.       background: #C81623;
    5.       border-radius: 50%;
    6. }
    复制代码
    若多年后无所作为,韶华青春何止辜负丶 ​​​​
    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    关注微信,有惊喜
    关注我们,每天有惊喜,每日有活动,每日有礼品赠送,扫描左边二维码,即可关注,你还在等什么?
    快速回复 返回顶部 返回列表