0
点赞
收藏
分享

微信扫一扫

Ajax 异步请求

脱下愤怒的小裤衩 2024-07-24 阅读 41
css前端

在这里插入图片描述

利用border-radius和border完成:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>test</title> 
<style> 
	.semicircle {
		width: 100px;
		height: 50px;
		border-radius: 0 0 50px 50px;
		background: #111111;
	}
	
	.semicircle2 {
		width: 100px;
		height: 50px;
		border-radius: 0 0 50px 50px;
		box-sizing: border-box;
	  	border: 2px solid #111111;
		border-top: none;
	}
</style>
</head>
<body>
	<div class="semicircle">
	</div>
	<br><br>
	<div class="semicircle2">
	</div>
	<br><br>
</body>
</html>
举报

相关推荐

0 条评论