效果
源码
<!DOCTYPE html>
<html>
<head><title>CSS Modern Button</title><link rel="stylesheet" type="text/css" href="style.css">
</head>
<body><a href="#" style="--clr:#1e9bff"><span>Button</span><i></i></a><a href="#" style="--clr:#ff1867"><span>Button</span><i></i></a><a href="#" style="--clr:#6eff3e"><span>Button</span><i></i></a>
</body>
</html>
css
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap')
![[dasctf]misc1](https://img-blog.csdnimg.cn/1db073a225094d30acd34470106edc7e.png)
