nonakap https://blog.hatena.ne.jp/nonakap/ nikki https://nonakap.hatenablog.com/ CSS こんなのを用意して <style type="text/css"> .setting-arrow { margin: 0px 10px 0px 0px; width: 10px; height: 40px; background: #fff; position: relative; } .setting-arrow:after { position: absolute; top: -20px; left: 100%; content: ""; border-top: 40px solid transparent; border-bottom: 40px solid transparent; b… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fnonakap.hatenablog.com%2Fentry%2F20130108%2Fp1" title=" CSS のみで矢印を描画する - nikki" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2013-01-08 00:00:00 rich https://nonakap.hatenablog.com/entry/20130108/p1 1.0 100%