首页 > html > ui_ol > HTML Element Style - 如何使一个href链接将像一个按钮

HTML Element Style - 如何使一个href链接将像一个按钮

ui_ol 【ui_ol】
我们想知道如何使一个href链接将像一个按钮。
代码展示 运行结果 

<html>
<style>
    .lnkbtn{
        display: block;
        width: 100px;
        background-color: lightgrey;
        border: 1px solid black;
        text-align: center;
        text-decoration: none;
        padding: 5px 0px 5px 0px;
    }

    .lnkbtn:hover{
        background-color: #aaa;
    }

    .lnkbtn:visited{
        color: blue;
    }

    .lnkbtn:active{
        border: 1px solid red;
    }

</style>
<body>
    <a href = "http://www.cnn.com" class = "lnkbtn">Click me!</a>
</body>
</html>