强大的CSS！按钮变超链接

最新推荐文章于 2025-08-22 11:57:24 发布

原创最新推荐文章于 2025-08-22 11:57:24 发布 · 192 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#CSS #.net #HTML

CSS 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种使用CSS将按钮样式设置为链接样式的技巧。通过这种方式，可以使按钮看起来更像是一个标准的超链接，包括悬停效果和颜色变化。这种方法适用于网页设计中需要统一链接和按钮外观的情况。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

原文：http://natbat.net/2009/Jun/10/styling-buttons-as-links/

button.link {
	font-family: "Verdana" sans-serif;
	font-size: 1em;
	text-align: left;
	color: blue;
	background: none;
	margin: 0;
	padding: 0;
	border: none;
	cursor: pointer;
}

button.link span {
	text-decoration: underline;
}
button.link:hover span,
button.link:focus span {
	color: black;
}