css: 边宽弧度

css: 边宽弧度,第1张

<div > <div > 这里是内容 </div> </div> .box { width: 250px; margin: auto; overflow: hidden; } .home_top { position: relative; width: 100%; height: 100px; text-align: center; line-height: 50px; } .home_top:after { width: 140%; height: 100px; position: absolute; left: -20%; top: 0; z-index: -1; content: ‘‘; border-radius: 0 0 50% 50%; background: linear-gradient(#2CBAF9, #04A9F4); }

 

效果图1:底部凸圆弧

.focus{ position: relative;} .focus:after{ position:absolute; left:0; right:0; bottom:-11px; content:""; z-index:1; height:20px; width:100%; border-radius:50%; background:#fff;}

 

效果图2:底部凹圆弧

 

css: 边宽弧度

欢迎分享,转载请注明来源:内存溢出

原文地址:https://outofmemory.cn/mo/1006976.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-22
下一篇2022-05-22

随机推荐

  • 哈德斯菲尔德大学好吗

    哈德斯菲尔德大学历史可追溯回1841年,学校坐落在约克郡西部繁荣的哈德斯菲尔德城镇内,是一所朝气蓬勃、日益扩大的教育机构。它以亲切友好而著称,拥有骄人的毕业生就业记录,并为学生提供热情周到的服务。学校

  • 布里斯托大学怎么样

    布里斯托大学(University of Bristol),简称布大,始建于1876年,是位于英格兰西南部第一大城市布里斯托市的一所世界30强顶尖名校,历年最高世界排名为全球第27名,布里斯托大学是全

    2022-06-29
    400
  • 我想问一下,留学哥德堡大学难吗

      留学哥德堡大学不难,具体请咨询立思辰留学360瑞典留学顾问。哥德堡大学1887年由社会捐助建立,最初命名为“哥德堡高等教育学院”,1891年正式建立班级制度,当时只有21名学生(其中4名女生)和7

    2022-06-29
    300
  • 哥德堡大学在世界排名怎么样

      哥德堡大学在世界排名,具体请咨询立思辰留学360瑞典留学顾问。哥德堡大学1887年由社会捐助建立,最初命名为“哥德堡高等教育学院”,1891年正式建立班级制度,当时只有21名学生(其中4名女生)和

    2022-06-29
    000
  • 美国肯特州立大学奖学金申请

    立思辰留学360介绍,肯特州立大学(Kent State University)是中国教育部首批认可推荐的美国百年名校之一,《美国新闻和世界报道》美国大学排名第194名(2015版本)。该校建校于19

    2022-06-29
    300
  • 美国克里夫兰州立大学费用

    立思辰留学360介绍,克里夫兰州立大学Cleveland State University是位于美国俄亥俄州的克里夫兰市中心区且为州政府补助大学,成立于1964年。克里夫兰素以众多的文化活动、先进医疗

    2022-06-29
    300
  • 2017年堪培拉大学雅思

    立思辰留学360介绍,堪培拉大学硕士:雅思成绩6.5分,某些特定专业要求7.0分。留学360,隶属于上海叁陆零教育投资有限公司(中国A股上市公司立思辰成员企业,代码:300010),主要从事互联网留学

    2022-06-29
    500
  • 加拿大纽芬兰纪念大学与谢布鲁克大学哪个好

      纽芬兰纪念大学立思辰石家庄留学360马媛老师介绍,是纽芬兰省的综合性公立大学,是加拿大的知名大学之一,是一所拥有6个分院的世界著名大学。现在学生近19000名,其中研究生3200多。由五个校区,大

    2022-06-29
    000
  • 加拿大诺瓦艺术与设计大学专业设置

      大学简介:据立思辰留学360介绍诺瓦艺术与设计大学(NSCAD University) 位于加拿大东部新斯科舍省(Nova Scotia)首府哈利法克斯市(Halifax), 交通方便,

    2022-06-29
    000

发表评论

登录后才能评论

评论列表(0条)

    保存