Question

借助在线工具，我为按钮及其悬停效果生成了代码。嵌入式buttom的超级引用应该会导致同一个google网站的“联系”页面，但我不知道在哪里可以找到实际的URL。谷歌网站尚未发布，所以我是确保网站版本中导航栏中显示的所有网址都是临时的。 Google网站提供了添加图片或文字链接的选项，引导同一网站，但我无法看到实际网址的外观。

作为参考，我粘贴了按钮的代码。我想我只需要改变第一行（即href =“＃”中的哈希符号）来解决问题。我是网络编程的完全开始。有什么建议吗？

<a href="#" class="myButton">Contact Us for Your Solution</a>
<style>.myButton {
    -moz-box-shadow: 3px 3px 1px 0px #878787;
    -webkit-box-shadow: 3px 3px 1px 0px #878787;
    box-shadow: 3px 3px 1px 0px #878787;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
    background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
    background-color:#ffffff;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    border:1px solid #dcdcdc;
    display:inline-block;
    cursor:pointer;
    color:#666666;
    font-family:Trebuchet MS;
    font-size:15px;
    font-weight:bold;
    padding:6px 8px;
    text-decoration:none;
    text-shadow:0px 1px 0px #ffffff;
}
.myButton:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
    background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
    background-color:#f6f6f6;
}
.myButton:active {
    position:relative;
    top:1px;
}</style>

Answer 1

考虑到您要链接的网页位于同一个网域，您只需使用 relative link ：

<a href="contact" class="myButton">Contact Us for Your Solution</a>

如果页面在目录结构中有一个或多个文件夹，请添加../：

<a href="../contact" class="myButton">Contact Us for Your Solution</a>

如果页面位于网站的根目录（http://www.example.com/contact），则可以通过添加斜杠来使用绝对链接：

<a href="/contact" class="myButton">Contact Us for Your Solution</a>

如何将嵌入式按钮添加到链接到相同网站页面的新Google网站[2018]？

1 个答案: