# 比较漂亮的链接样式

- Link: https://yjyj.net/learn/3817.html
- Published: 2005-12-13T20:20:41+08:00
- Author: 小 虾

* [www.Microsoft.com](http://www.microsoft.com/china)
 * [www.Google.com](http://www.google.com)
 * [www.CSDN.Net](http://www.csdn.net/)

📌 生猛大蝦编辑部 · 背景与实操延伸

这篇原文很短，但信息点很明确：它想表达的是“链接不只是能点，还要看起来顺眼”。从实
操角度看，做链接样式时别只顾颜色好看，还要注意可读性、访问后状态和悬停反馈。若页
面里链接很多，统一规则比单个元素炫技更重要；否则视觉会散，用户也更难快速判断哪些
是可点击内容。

❓ 延伸问答与排错指南（FAQ）

链接样式怎么做得更好看？

先统一字体、颜色和下划线风格，再控制悬停状态与访问后状态的区别。原则是让链接一眼
可识别、点击有反馈，同时别把页面弄得花里胡哨。

为什么要单独调整链接外观？

因为链接是网页里最常被点击的元素之一。样式清晰能提升可用性，减少用户误判；如果链
接和正文混在一起，阅读和操作都会变差。

新手练习链接样式要注意什么？

先从最基础的颜色、下划线、鼠标悬停效果入手，避免一次加太多特效。重点检查在不同背景
下是否清楚、是否容易点击，以及是否与正文区分明显。

📚 【[招数学习](https://yjyj.net/category/learn)】专栏延伸阅读与热门精选（[全站文章归档](https://yjyj.net/archive)）：

 * [让网页适应不同分辨率](https://yjyj.net/learn/3815.html)
 * [Error: bin/bash^M 让人悲囧的傻逼问题导致脚本无法运行](https://yjyj.net/learn/centos/3784.html)
 * [表格边框的css语法整理](https://yjyj.net/learn/3818.html)
 * [用CSS实现字体阴影的效果](https://yjyj.net/learn/3825.html)
 * 热门必读[程序员漫游指南](https://yjyj.net/what/5830.html)
 * 热门必读[升级一下iptables](https://yjyj.net/learn/centos/3208.html)