CSS设计超链接样式

2021-03-18 01:27

阅读:411

标签:图片   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


评论


亲,登录后才可以留言!