Rumah  >  Artikel  >  hujung hadapan web  >  Css基本样式链接的详细介绍

Css基本样式链接的详细介绍

高洛峰
高洛峰asal
2017-03-26 11:32:421711semak imbas

这篇文章主要为大家详细介绍了Css基本样式链接,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

一、Css链接的四种状态

    1.a:link    普通的、未被访问的链接    

    2.a:visited    用户已访问的链接

    3.a:hover    鼠标指针位于链接的上方

    4.a:active    链接被点击的时刻

a:link{
    color: #FF0000;
}
a:visited{
    color: #00FF00;
}
a:hover{
    color:#0000FF;
}
a:active{
    color: #0000FF;
}

二、常见的链接方式

    text-decoration属性大多用于去掉链接中的下划线

a:link{
    color: #FF0000;
    text-decoration: none;
}

三、设置背景颜色

    background-color

a:link{
    background-color: aquamarine;
}

Atas ialah kandungan terperinci Css基本样式链接的详细介绍. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn