CSS设计超链接样式

(color{Red}{首先设计一下静止的a标签})

a{
    margin-right:10px;/*右边距,其他边距同理*/
    border-bottom:1px solid #eec/*分别是下边框的粗,实线,颜色.左右边框等同理*/
    text-decoration:none;/*默认有下划线,我们设置为none表示无*/
    font-size:15px;/*字体大小*/
}

(color{Purple}{然后设计一下鼠标悬停在超链接上的变化})

a{
    color:yellow;/*字体颜色*/
    border:10px solid purple;/*和上面同理*/
    background-color:#ccc;/*背景色*/
}

效果图------->>

还可以设置(a:visited,a:active,)这里不再累赘了

原文地址:https://www.cnblogs.com/iss-ue/p/12775122.html