小编Sha*_*mon的帖子

CSS曲线波浪背景

我是 html 和 css 的新学习者。我想仅使用 css 不使用背景图像或 svg 使我的圆形橙色背景曲线波浪。就像截图一样：

https://i.stack.imgur.com/rDQeY.png

不使用背景图像曲线，只在 (.circle-inner) 中使用 css。但我没能做到这一点。我尝试了很多。我上传了我的 html 和 css 代码。

我的 html 和 css 代码：

.circle-inner {
    width: 310px;
    height: 310px;
	background-color:#d1132f;
	background-repeat:no-repeat;
    margin: 0 auto;
    border-radius: 100%;
	border: 1px solid #ff8403;
	display:table;
	position: relative;
    z-index: 1;
    overflow: hidden;
}

.circle-points {
    display:  table-cell;
    vertical-align:  middle;
    margin:  0 auto;
    text-align:  center;
	color: #fff;
}
.circle-points h2 {
    margin:  0;
    font-size: 68px;
}

.circle-points span {
    display:  block;
    font-size: 26px;
}

/* if …

Run Code Online (Sandbox Code Playgroud)

html css curve wave

Sha*_*mon

2018 02-06

3
推荐指数

1
解决办法

9733
查看次数