<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>cssだけで矢印や三角を表示</title> <style type="text/css"> /* 矢印 */ .sample1{ position:relative; top:0; left:0; padding-left:15px; } .sample1:before{ content: ""; position: absolute; top: 4px; left: 0; width: 5px; height: 6px; background: #ffcc00; } .sample1:after{ content: ""; position: absolute; top: 0; left: 5px; border-top: 7px solid tr