logo

该视频仅会员有权观看

立即开通课程「Web前端页面基础」权限。

¥
199
/ 年

HTML 锚(链接)元素与样式(<a>)

  • 在HTML文档中插入链接,需使用<a>标签,并用href属性指定链接地址。
  • 默认情况下,链接会在当前页面打开,但可以通过target属性控制打开方式,如_self为当前页面,_blank为新页面。
  • 可以定制链接的CSS样式,使用.a选择器:
    • color: black;设置链接文字颜色为黑色。
    • text-decoration: none;去除文字下的下划线装饰。
    • 对于鼠标悬停状态:hover,可以添加下划线text-decoration: underline;作为装饰。
    • 设计链接活动状态时,用:active伪类并可以使用opacity属性调整透明度,从0(完全透明)到1(完全不透明),如设为0.7。
  • 在浏览器测试时,正常状态下链接文字为黑色,鼠标悬停则出现下划线,点击时链接显示一种透明效果。