1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> 6 <title>使用css畫一個箭頭</title> 7 <style type="text/css"> 8 a{ 9 font-size:2rem; 10 text-decoration: none; 11 color: gray; 12 } 13 a:after{ 14 content: ""; 15 width: 1rem; 16 height: 1rem; 17 display: inline-block; 18 border-top: 2px solid darkgray; 19 border-right: 2px solid darkgray; 20 transform: rotate(45deg); 21 } 22 </style> 23 </head> 24 <body> 25 <a href="#">我曾把完整的鏡子打碎</a> 26 </body> 27 </html>
效果如下：
