CSS 链接(link)学习笔记

基本链接语法

Copy Code
<a href="链接地址">链接文本</a>

其中,href属性指定了链接的目标URL地址,链接文本则是页面中实际显示的文本。

举例:

Copy Code
<a href="https://www.google.com">Google</a>

链接的目标

在默认情况下,链接在当前页面中打开。但可以通过target属性来指定链接的打开方式:

  • _self:在当前页面中打开(默认值)
  • _blank:在新窗口中打开
  • _parent:在父窗口中打开
  • _top:在整个窗口中打开

举例:

Copy Code
<a href="https://www.google.com" target="_blank">Google</a>

链接样式

CSS可以用来改变链接的样式,包括颜色、字体、背景等。

  • color属性:设置链接文本的颜色
  • text-decoration属性:控制下划线及删除线
  • background-color属性:设置链接的背景颜色

举例:

Copy Code
a { color: blue; text-decoration: none; } a:hover { text-decoration: underline; } a:visited { color: purple; } a:active { background-color: yellow; }

以上是一些基础的知识点,希望对你有所帮助。