强大的CSS！按钮变超链接

q77533005

于 2009-11-12 21:10:21 发布

阅读量190

点赞数

CC 4.0 BY-SA版权

分类专栏： CSS 文章标签： CSS .net HTML

本文链接：https://blog.youkuaiyun.com/q77533005/article/details/83489086

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;
}