css制作弧形背景图
要使用CSS创建弧形背景图，可以使用border-radius和background属性。以下是一个示例代码，它创建了一个左半圆形状的背景：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>弧形背景图</title>
<style>
.arc-shape {
width: 200px;
height: 200px;
background: url('background.jpg') no-repeat center center;
background-size: cover;
border-top-right-radius: 100px;
border-bottom-right-radius: 100px;
}
</style>
</head>
<body>
<div class="arc-shape"></div>
</body>
</html>在这个例子中，.arc-shape 类创建了一个宽度为200px，高度为200px的容器，并设置了背景图。border-top-right-radius 和 border-bottom-right-radius 属性创建了一个左半圆形的弧形。你可以根据需要调整width、height、border-radius的值来改变弧形的大小和弧度。
评论已关闭