css链接的相关样式

 时间:2026-05-14 11:49:52

1、为演示方便,这里使用的是内联样式表,推荐大家使用外部样式表,方便后期维护。

2、一、首先链接默认是有下划线的,那么怎么去除下划线呢。使用text-decoration:none;就可以了,通过下图可以看帽争到,第二个链接没有了下划线。

css链接的相关样式

css链接的相关样式

3、下面使用的是内部样式表

4、二、未被访问的链接

这里我们可以使醒菊讨用伪类选择器:link来控制链接的样式,效果如图所示:

css链接的相关样式

css链接的相关样式

5、三、已被访问的链接

未被访问的链接使用伪类选择器:visited来控制,由于只是演示所以链接href值传的是#,不会跳转网页,效果如图所示:

css链接的相关样式

css链接的相关样式

6、四、鼠标悬停在链接上时

未被访问的链接使用伪类选择器:hover,效果如图:

css链接的相关样式

css链接的相关样式

7、 五、正在被点击的链接

未被访问的链搁舍接使用伪类选择器:active,效果如图:

css链接的相关样式

css链接的相关样式

  • ps图层转化为选区
  • photoshop 中如何旋转和翻转画布?
  • 制作简洁音乐播放器图标的PS教程
  • PS如何制作波浪字体
  • photoshop渐变工具中线性渐变的运用小技巧
  • 热门搜索
    讲文明懂礼貌手抄报 三月三手抄报图片大全 英语手抄报版面设计图 安全健康手抄报 有关于元宵节的手抄报 创卫手抄报资料 手抄报花边简单图案 校园安全手抄报资料 精美手抄报 校园文明手抄报内容