Css半圆弧形的页脚 [复制] 。


嗨,我试图使该形状使用css。

Semi cercle为页脚部分

(圆圈它比屏幕大,这也是我认为的一个问题)

我也有类似的使用边框的东西,但是不是一个完美的圆…… 你们知道有什么方法可以让它?

#footer {
  height: 500px;
  background-color: black;
}

#inner_circle {
  position: relative;
  content: '';
  background-color: white;
  height: 350px;
  width: 100%;
  -webkit-border-radius: 0px 0px 200px 200px;
}

#footer-stuff {
  position: relative;
}
<div id="footer">
  <div id="inner_circle">
  <div>
  <div id="footer-stuff">
  <div>
<div>

解决方案:

你可以使用一个 径向梯度

div {
  width: 800px;
  height: 400px;
  background: radial-gradient(100% 200% at 50% 0, red 49%, black 51%);
}
<div></div>

给TA打赏
共{{data.count}}人
人已打赏
解决方案

我可以在Aws AppSync解析器映射模板中对用户输入进行消毒吗?

2022-4-21 18:00:12

解决方案

Django Python 3.x - 用ContentTypes覆盖OneToOneField的delete()。

2022-4-21 18:00:14

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索