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 Codea {
color: blue;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:visited {
color: purple;
}
a:active {
background-color: yellow;
}
以上是一些基础的知识点,希望对你有所帮助。