0

在在线工具的帮助下,我为按钮及其悬停效果生成了代码。嵌入式按钮的超引用应该指向同一个谷歌网站的“联系”页面,但我不知道在哪里可以找到实际的 URL。谷歌网站还没有发布,所以我确保网站编辑期间导航栏中显示的所有 URL 都是临时的。Google-sites 提供了一个选项来添加指向图像或文本的链接,引导同一个站点,但我看不到实际的 URL 是什么样的。

作为参考,我粘贴了按钮的代码。我想我只需要更改第一行(即 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>
4

1 回答 1

0

考虑到您要链接到的页面位于同一域上,您可以简单地使用相对链接

<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>
于 2018-04-12T03:05:11.167 回答