电话
13363039260
CSS实现四个方向箭头的代码
2024-01-17 14:43 小编
<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8">
<title>自学教程(如约智惠.com)</title>
<style>
i{
border:solidblack;
border-width:03px3px0;
display:inline-block;
padding:3px;
}
.right{
transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
}
.left{
transform:rotate(135deg);
-webkit-transform:rotate(135deg);
}
.up{
transform:rotate(-135deg);
-webkit-transform:rotate(-135deg);
}
.down{
transform:rotate(45deg);
-webkit-transform:rotate(45deg);
}
</style>
</head>
<body>
<h2>CSS方向</h2>
<p>向右:<iclass="right"></i></p>
<p>向左:<iclass="left"></i></p>
<p>向上:<iclass="up"></i></p>
<p>向下:<iclass="down"></i></p>
</body>
</html>
猜你喜欢
联络方式：
13363039260
微信二维码 