CSSを使用して特別なロゴやグラフィックを実装する

<スタイル タイプ="text/css">
.三角形 b {
    境界線: 5px 実線 #fff;
    左境界線: 5px 実線 #353535;
    マージン: 0;
    フォントサイズ: 0;
}
</スタイル>

<スタイル タイプ="text/css">
 .mark b{border:solid #D0D0D0;width:6px;height:6px;display:inline-block;}
 .mark b.lmark{border-width:2px 2px 0 0;transform: rotate(45deg);}
 </スタイル>

 	*{
		パディング:0;
		マージン:0;
	}

	div:前{
		コンテンツ："";
		幅:20px;
		高さ:20px;
		位置:絶対;
		上:-10px;
		左:40px;
		境界線の半径:50%;
		背景色:白;
	}

	div{
		位置:相対;
		幅:100ピクセル;
		高さ:100px;
		マージン:100px 自動;
		ボックスシャドウ:0 0 2px 赤;
		背景色:#ccc;
	}