0
点赞
收藏
分享

微信扫一扫

2023年9月18日

2023年9月18日

2023年9月18日_d3

箭头指向

HTML

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>2023年9月18日</title>
		<style>
			div{
				margin: 30px;
			}
			div.dd{
				width: 100px;
				height: 100px;
				border-top: 6px solid red;
				border-left: 6px solid red;
				margin: 30px;
				float: left;
				line-height: 100px;
				text-align: center;
			}
			div.d1{
				transform: rotate(-45deg);
			}
			div.d2{
				transform: rotate(135deg);
			}
			div.d3{
				transform: rotate(225deg);
			}
			div.d4{
				transform: rotate(45deg);
			}
		</style>
	</head>
	<body>
		<div id="main">
			<div class="dd"></div>
			<div class="dd d1">左</div>
			<div class="dd d2">右</div>
			<div class="dd d3">下</div>
			<div class="dd d4">上</div>
		</div>
	</body>
</html>

仅供学习,参考使用,可一起交流,前进!前进!前进!

举报

相关推荐

0 条评论