跳至主要内容
CSS-Tricks
  • 文章
  • 笔记
  • 链接
  • 指南
  • 年鉴
  • 随机
搜索

已标记的文章
links

34 篇文章
{
,

}
文章的直接链接 使用 CSS 样式表中的 :visited
链接

使用 CSS 样式表中的 :visited

Evert Pot

不幸的是,当设置新的颜色(例如 a { color: #44F })时,‘紫色已访问链接’功能也会被禁用。我认为这很可惜,因为在许多情况下,你都需要浏览一个列表……

…
Avatar of Chris Coyier
Chris Coyier 于 2020 年 3 月 9 日
文章的直接链接 通过 4 种方式在悬停时为文字链接添加颜色动画
动画 悬停 链接

通过 4 种方式在悬停时为文字链接添加颜色动画

让我们创建一个纯 CSS 效果,在悬停时改变文字链接的颜色……但是,让新颜色滑动进来,而不是简单地切换颜色……

Avatar of Katherine Kato
Katherine Kato 于 2020 年 3 月 3 日
文章的直接链接 固定标题和跳转链接?解决方案是 scroll-margin-top
标题 链接 scroll-margin scroll-padding

固定标题和跳转链接?解决方案是 scroll-margin-top

问题:你点击一个跳转链接,比如 <a href="#header-3">跳转</a>,它链接到像 <h3 id="header-3">标题</h3> 的内容。这完全没问题,除非你在页面顶部有一个 position: fixed; 标题,它遮挡了你要查看的标题……

Avatar of Chris Coyier
Chris Coyier 于 2020 年 2 月 21 日
文章的直接链接 链接和按钮指南
按钮 链接

链接和按钮指南

我们关于 HTML、CSS 和 JavaScript 中的链接、按钮和按钮式输入的完整指南。

Avatar of Chris Coyier
Chris Coyier 于 2024 年 8 月 12 日
文章的直接链接 突破按钮
按钮 链接 语义

突破按钮

Andy 介绍了一种技术,它在卡片组件中使用语义 <button></button>,但实际上,整个卡片都是可点击的。诀窍是放置一个伪元素,它超出按钮,覆盖整个卡片。折衷方案是……

Avatar of Chris Coyier
Chris Coyier 于 2019 年 10 月 4 日
文章的直接链接 使用 HTML 和 CSS 将形状和图像链接起来的方法
裁剪路径 CSS 形状 链接 SVG

使用 HTML 和 CSS 将形状和图像链接起来的方法

不同的网站设计通常需要除了正方形或矩形以外的形状来响应点击事件。也许你的网站有一个倾斜或弯曲的横幅,点击区域会很尴尬地大……

Avatar of Bailey Jones
Bailey Jones 于 2019 年 10 月 10 日
文章的直接链接 动画为块状背景的链接下划线
链接 文本装饰 下划线

动画为块状背景的链接下划线

这是一个很酷的小效果。默认的链接样式有下划线(这是一个 好主意),然后在 :hover 上,你会看到下划线实际上变厚了,变成了你……

Avatar of Chris Coyier
Chris Coyier 于 2019 年 9 月 23 日
文章的直接链接 使用真实下划线来设置链接样式
链接 下划线

使用真实下划线来设置链接样式

在我们讨论如何设置下划线样式之前,我们应该回答一个问题:我们应该使用下划线吗?

在平面设计中,下划线通常被认为是不成熟的。有更好的方法来强调,建立层次结构,以及区分标题……

Avatar of Ollie Williams
Ollie Williams 于 2019 年 8 月 30 日
文章的直接链接 嵌套链接
无障碍 链接

嵌套链接

前几天我发布了一张图片, 几乎是作为思考练习,关于如何实现“嵌套”链接。也就是说,一个大的容器链接到一个 URL,其中包含一个更小的容器或文本链接……

Avatar of Chris Coyier
Chris Coyier 于 2018 年 10 月 1 日
  • 更新的
  • 1
  • ...
  • 2
  • 3
  • 4
  • 更旧的

CSS-Tricks 由 DigitalOcean 提供支持。

关注 Web 开发的最新动态

通过我们的手工制作的新闻稿

DigitalOcean
  • 关于 DO
  • Cloudways
  • 法律声明
  • 获取免费积分!
CSS-Tricks
  • 为我们撰稿!
  • 与我们合作宣传
  • 联系我们
社交媒体
  • RSS Feed
  • CodePen
  • Mastodon
  • X
返回顶部

© 2024 . All rights reserved.