[分享]css中div下的a标签

<style>
    div {
        width: 200px;
        height: 200px;
        background-color: #eee;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    a {
        text-decoration: none;
        font-size: 20px;
        color: #333;
        padding: 10px 20px;
        border: 2px solid #333;
        border-radius: 5px;
        transition: all .3s ease-in-out;
    }
    a:hover {
        background-color: #333;
        color: #eee;
    }
</style>
<div>
    <a href="#">链接</a>
</div> 

上面的代码演示了一个简单的例子，包含了一个