<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
*{
padding:0;
margin:0;
}
.arrow1 {
/*position: relative;*/
margin: 50px auto;
width: 100px;
height: 100px;
border: 20px solid red;
border-left: none;
border-bottom: none;
transform: rotate(45deg);
}
/*.arrow2{
transform: translate(-60px,-9px);
position: absolute;
}*/
</style>
</head>
<body>
<!--去掉所有注释内容，显示为：右侧书名号，即“》”-->
<div class="arrow1">
<!--<div class="arrow1 arrow2">
</div>-->
</div>
</body>
</html>
CSS3效果：大于号的代码写法
免责声明！
本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。