<!DOCTYPE html>
<html>
<head>
	<title>Five Pointed Star</title>
	<style>
		.star {
			height: 0;
			width: 0;
			border-right: 50px solid transparent;
			border-bottom: 35px solid yellow;
			border-left: 50px solid transparent;
			transform: rotate(35deg);
			position: absolute;
			top: 50%;
			left: 50%;
			margin-top: -17.5px;
			margin-left: -25px;
		}
		.star:before {
			content: "";
			height: 0;
			width: 0;
			border-right: 50px solid transparent;
			border-bottom: 35px solid yellow;
			border-left: 50px solid transparent;
			position: absolute;
			top: -13px;
			left: -50px;
			transform: rotate(-35deg);
		}
	</style>
</head>
<body>
	<div class="star"></div>
</body>
</html>
帮我写个html-来展示五角星

原文地址: https://www.cveoy.top/t/topic/jbT 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录