炫酷未来科技按钮导航单页 第5张插图

炫酷未来科技按钮，挺好看的导航单页！

HTML代码

<!DOCTYPE html>
<html>
<head>
    <title>科技炫酷按钮</title>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
    <a href="https://www.zxki.cn/" style="--clr:#1e9bff"><span>酷库博客</span><i></i></a>
    <a href="#" style="--clr:#f85d5d"><span>酷酷</span><i></i></a>
    <a href="https://lanzoui.com/b05sfxj0b" style="--clr:#ff1867"><span>软件基地</span><i></i></a>
    <a href="http://kktq.zxki.cn/" style="--clr:#6eff3e"><span>酷酷淘券</span><i></i></a>
    <a href="#" style="--clr:#eb2feb"><span>联系QQ</span><i></i></a>
</body>
</html>

CSS代码