< ;title>纯CSS制作三角形和小圆点<br>.arrowbox{width:40px;height:30px;background:#000;padding:10px;position:relative;text-align:中央;マージン:20ピクセル;カラー:#fff;行の高さ:30ピクセル;フォントサイズ:12ピクセル;}<br>.arrowboxスパン{表示:インラインブロック;オーバーフロー:非表示;垂直整列:中央;位置:絶対;上:22px;right:5px;line-height:12px;font-size:12px;}<br>.arrowbox em{display:block;font-family:"Simsun";font-style:normal;font-weight:normal; }<br>.arrowboxspan.size1{幅:7px;高さ:4px;}<br>.arrowboxspan.w_e{幅:4px;高さ:7px;}<br>.arrowboxspan.size2{幅:14px;高さ:8px;}<br> .arrowbox スパン em.north{color:#fff;margin:-7px 0 0 -2px;}<br>.arrowbox scan em.south{color:#fff;margin:0 0 0 -2px;}<br>.arrowbox span.w_e em.east{color:blue;margin: -2px 0 0 -7px;}<br>.arrowbox span.w_e em.west{color: yellow;margin: -2px 0 0 0;}<br>.arrowbox span.size2 em.south {margin:-5px 0 0 0}<br>.arrowbox scan.size2 em.north{margin:2px 0 0 0}<br>.round{width:16px;height:16px;display:inline-block;font-size:20px; line-height:16px;text-align:center;color:#f00;text-decoration:none}<br>.round:hover{color:blue;text-decoration:none} <br>http://www.999jiujiu.com/首页< em class="north">◆首页◆首页◆首页◆首页 ◆首页◆< ;/em>用フォントサイズ制御圆点の大小● &lt;/a&gt;&lt;/body&gt;&lt;/html&gt;