border属性を持つ小さな三角形を達成するために

原則の境界実現を使用してCSS小さな三角形:

HTML:

	<div class="triangle"></div>

幅と0に容器の高さを設定するために
10pxのボーダーの幅に設けられている
上部(即ち、第1の値)に、三角形をしたい色セット
下部に三角形上の所望の(すなわち、第3の値)をセットカラー

CSS

.triangle {
	width: 0;
	height: 0;
	border: 10px solid;
	border-color: transparent transparent red transparent;
}

レンダリング:
ここに画像を挿入説明

の実現にこのような小さな三角形

公開された11元の記事 ウォンの賞賛0 ビュー111

おすすめ

転載: blog.csdn.net/qq_39347364/article/details/104711815