如何制作自定义形状div或操作div
user3219918
我想做一个像这样的div，但是我不知道。我可以用svg或图像来做，但这不是我想要的。这是我的代码
的HTML
<div class="FooterWhite"> </div>
的CSS
.FooterWhite {
background-color:white;
height:50%;
width:100%;
}
法尔沙德
试试这个 ：
.shape {
width: 200px;
height: 70px;
background: #000;
margin: 50px;
position: relative;
}
.shape:before {
display: block;
content: "";
height: 0;
width: 0;
border: 50px solid #f00;
border-bottom:50px solid transparent;
border-left: 50px solid transparent;
position: absolute;
top: 70px;
}.shape:after {
display: block;
content: "";
height: 0;
width: 0;
border: 50px solid #f00;
border-bottom: 50px solid transparent;
border-right:50px solid transparent;
position: absolute;
top: 70px;
left:100px;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
如何在Flutter中制作自定义按钮形状
- 2
如何制作自定义终端光标形状？
- 3
使用CSS制作自定义形状
- 4
使用CSS制作自定义形状
- 5
响应式自定义形状div页脚
- 6
CSS：带双边框的自定义形状div
- 7
响应式自定义形状div页脚
- 8
创建自定义形状的 <div> 以设计 RFM 分段
- 9
如何自定义浮动操作按钮形状？
- 10
如何使用CSS制作自定义可点击形状以覆盖所需的确切区域？
- 11
如何制作具有多个几何形状的自定义ggplot2几何图形
- 12
如何在Swift 2中制作按钮自定义形状的框架
- 13
使用CSS形状：如何使用纯HTML和CSS制作自定义图标
- 14
如何在Dreamweaver CS6中制作自定义形状
- 15
如何为使用核心图形制作的形状添加自定义颜色？
- 16
如何在html / css中制作自定义形状的按钮？
- 17
如何在 wpf 中制作自定义形状的进度条？
- 18
如何在运行时使用其他形状制作自定义圆形？
- 19
以编程方式制作自定义饼图形状
- 20
在Android中制作自定义可绘制形状
- 21
在Android中制作自定义可绘制形状
- 22
想要使用CSS制作自定义形状
- 23
Clippath 在容器上制作自定义形状
- 24
CSS如何制作特殊的div形状
- 25
如何创建自定义形状-CSS
- 26
如何自定义形状的开关按钮？
- 27
如何自定义形状的开关按钮？
- 28
Java如何制作自定义异常？
- 29
如何制作nbconvert自定义模板
我来说两句