見出しの初めに横向きの三角形(?←こういうのです)を設置するCSSを教えてくださいませんか?
自分なりに調べて、下記のCSSを貼付けてみましたが失敗しました。(何も変わらなかった)
.h3{
width:0px;
height:0px;
border-top:solid 100px #ff6b93;
border-right:solid 100px transparent;
border-bottom:solid 100px transparent;
border-left:solid 100px transparent;
padding:.6em .8em
}
ちなみに、?を設置したいのは大見出しと中見出しの2つです。
できれば?の色の指定もしたいのですが、どなたか正しいCSS(方法)を教えてくださいませんでしょうか?
どうぞよろしくお願いします。
適用したいページの大見出しがh2タグ、小見出しがh3タグとした場合ですが、以下のように指定すると表示はできるかと思います。
後はmarginやpaddingで微調整したり、colorで色を変えたりとお好みに応じて変更を。
h2:before {
color: #ff6b93;
content: '▶';
}
h3:before {
color: #6b93ff;
content: '▶';
}