after疑似要素を使用して、単純に小さな矢印を実装する

効果:右側の小さな矢印のようなものです。
ここに画像の説明を挿入
ボタンbtnにポスト疑似クラスを追加します。
原則:右の境界線、上の境界線、45度回転して

.btn::after {
	content: "";
	position: absolute;
	top: 20px;
	right: 26px;
	width: 7px;
	height: 7px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
}
公開された128元の記事 ウォン称賛52 ビュー20000 +

おすすめ

転載: blog.csdn.net/weixin_44523860/article/details/105151299