<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>css制作刷新圖标</title>
<style type="text/css">
.img_refresh{ width: 14px; height: 14px; margin:0px auto; margin-top:10px; border:2px currentColor solid; border-left:2px solid transparent; border-radius: 50%; position: relative;}
.img_refresh::after{ content: ""; width: 5px; height: 5px; border-bottom: 2px solid currentColor; border-left: 2px solid currentcolor; position: absolute; top: 11px; left: 0px; transform: rotate(80deg); }
</style>
</head>
<body>
<div class="img_refresh"></div>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title>css制作刷新圖标</title>
<style type="text/css">
.img_refresh{ width: 14px; height: 14px; margin:0px auto; margin-top:10px; border:2px currentColor solid; border-left:2px solid transparent; border-radius: 50%; position: relative;}
.img_refresh::after{ content: ""; width: 5px; height: 5px; border-bottom: 2px solid currentColor; border-left: 2px solid currentcolor; position: absolute; top: 11px; left: 0px; transform: rotate(80deg); }
</style>
</head>
<body>
<div class="img_refresh"></div>
</body>
</html>
475003427