如何使用Html和Css制作那种类型的图形?

问题描述 投票:-2回答:1

如何使用HTML和CSS制作字体?如何使用HTML和CSS制作文字形状

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
	<div>
		<img src="https://i.stack.imgur.com/Mq9b3.png" />
	</div>
</body>
</html>
html css using shap
1个回答
0
投票

我知道这不是确切的形状,但足够接近。给div相同的宽度和高度(因此是一个正方形),然后为其设置clip-path css属性,如下所示:

clip-path: polygon(0% 0%, 52% 8%, 99% 1%, 89% 46%, 100% 100%, 52% 92%, 0% 100%, 10% 48%);
© www.soinside.com 2019 - 2024. All rights reserved.