CSS实现返回箭头按钮

CSS   2025-02-18 17:47   16   0  

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>返回箭头按钮</title>

    <style>

        .back-button {

            display: inline-block;

            padding: 10px 20px;

            background-color: #007bff;

            color: white;

            text-decoration: none;

            border-radius: 5px;

            font-size: 16px;

        }

        .back-button::before {

            content: '\2190'; /* Unicode left arrow */

            margin-right: 10px;

        }

    </style>

</head>

<body>

    <a href="#">返回</a>

</body>

</html>

参考:https://cloud.tencent.com/developer/information/%E8%BF%94%E5%9B%9E%E7%AE%AD%E5%A4%B4%E6%8C%89%E9%92%AE%20css

博客评论
还没有人评论,赶紧抢个沙发~
发表评论
说明:请文明发言,共建和谐网络,您的个人信息不会被公开显示。