如何在css中放置链接？

如何将链接放入按钮？ 我尝试了谷歌提供的所有代码，但我的网站仍然存在错误 我不知道什么是最好的代码

---

谢谢有人想教我。

不。不可能通过css添加链接。但是您可以使用jquery

<style>
.button {
position: relative;
background-color: #41A0BF;
border: none;
font-size: 20px;
color: #FFFFFF;
padding: 15px;
width: 120px;
text-align: center;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
text-decoration: none;
overflow: hidden;
cursor: pointer;
}

.button:after {
content: "";
background: #69D2F5;
display: block;
position: absolute;
padding-top: 300%;
padding-left: 350%;
margin-left: -20px!important;
margin-top: -120%;
opacity: 0;
transition: all 0.8s
}

.button:active:after {
padding: 0;
margin: 0;
opacity: 1;
transition: 0s
}
</style>
<button class="button">Home</button>

---

按钮变成链接的四种不同可能性CSS不是选项：

.按钮{ 位置：相对位置； 背景色：41A0BF； 边界：无； 字体大小：20px； 颜色：FFFFFF； 填充顶部：15px； 垫底：15px； 宽度：120px； 文本对齐：居中； 溢出：隐藏； 光标：指针； 显示：内联块； 文字装饰：无； } a、 a:活跃，a:访问，a:专注{ 文字装饰：无； 颜色：白色； 字体系列：arial，无衬线； } Javascript: 点击 内部链接： 包装器链接： 假按钮：

---

如果你想添加链接，我建议你添加锚定标签

$('.case').each(function() {
  var link = $(this).html();
  $(this).contents().wrap('<a href="example.com/script.php?id="></a>');
});

添加链接。它会起作用的。

请尝试以下方法：

<a href="#">Home</a>

---

我认为这是最简单的方法。 .按钮{ 位置：相对位置； 背景色：41A0BF； 边界：无； 字体大小：20px； 颜色：FFFFFF； 填充：15px； 宽度：120px； 文本对齐：居中； -webkit转换持续时间：0.4s；/*Safari*/ 过渡时间：0.4s； 文字装饰：无； 溢出：隐藏； 光标：指针； } .按钮：之后{ 内容：； 背景：69D2F5； 显示：块； 位置：绝对位置； 垫面：300%； 左：350%； 左边距：-20px！重要； 利润率最高：-120%； 不透明度：0； 过渡：所有0.8秒 } .按钮：活动：之后{ 填充：0； 保证金：0； 不透明度：1； 转换：0秒 } a{ 文字装饰：无； }

---

您可以通过这种方式将链接作为按钮

<a href="https://www.google.co.in/"><button class="button">Home</button></a>

或者，如果您使用css库（如bootstrap）

<a href="#" class="button">home</a>

---

但是button中的效果如何看不到转换class=button调用css函数但是button中的效果如何看不到转换但是button中的效果如何看不到转换你的确切目标是什么？想通过按钮或锚定标签提供链接吗？我的确切目标是在继续到另一个链接之前在css按钮中具有过渡效果，但我不知道在css按钮中放置链接的最佳代码是什么。您可以尝试为按钮提供许多过渡效果。我更喜欢使用此悬停按钮，但我不知道如何放置链接按钮如何在css中添加jquery？或者将其放置在何处？我尝试了此操作，但按钮中的转换效果未显示，但按钮中的此链接对我有效，但我希望在继续下一页之前看到转换效果，而浏览器可能会处理标记，链接中的按钮不是有效的HTML。但是我的转换在该按钮中的效果如何？这个问题是关于href的。如果你想讨论按钮上的转换，我的建议是打开另一个关于这个主题的问题。

<a href="#" class="btn btn-default">home</a>