CSS设计超链接样式

标签：图片   line   划线   red   字体大小   col   mat   visit   png   

\(\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,\)这里不再累赘了

CSS设计超链接样式

标签：图片   line   划线   red   字体大小   col   mat   visit   png   

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