-1

我正在努力将 css 按钮代码添加到我的 html 文档中。

这是代码：

.button {
border-top: 1px solid #96d1f8;
background: #65a9d7;
background: -webkit-gradient(linear, left top, left bottom, from(#3e779d),to(#65a9d7));
background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
background: -moz-linear-gradient(top, #3e779d, #65a9d7);
background: -ms-linear-gradient(top, #3e779d, #65a9d7);
background: -o-linear-gradient(top, #3e779d, #65a9d7);
padding: 5px 10px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
box-shadow: rgba(0,0,0,1) 0 1px 0;
text-shadow: rgba(0,0,0,.4) 0 1px 0;
color: white;
font-size: 14px;
font-family: Georgia, Serif;
text-decoration: none;
vertical-align: middle;
}
.button:hover {
border-top-color: #28597a;
background: #28597a;
color: #ccc;
}
.button:active {
border-top-color: #1b435e;
background: #1b435e;
}

现在我想将此添加到此 html 代码中，但正如我所说，我正在苦苦挣扎。我的代码格式大致是这样的：

<li><a href="terms.php<?php echo $referral_string?>">Terms</a></li>

谢谢你。

4

4 回答 4

1

您已经定义了 CSS 样式，但尚未将该类分配给您的元素。

尝试这个：

<li><a class="button" href="terms.php<?php echo $referral_string?>" >Terms</a></li>

上面的代码假定您已经在 HTML 页面中加载/定义了样式定义。如果是 HTML 页面，您可以：

  • 使用<style>标签
  • 使用外部样式表

1.使用<style>标签：

<html>
<head>
    <style>

    /* CSS Definitions go here */

    </style>
</head>

<body>
    <li><a class="button" href="terms.php<?php echo $referral_string?>" >Terms</a></li>
</body>
</html>

2. 使用外部样式表

<html>
<head>
    <link rel="stylesheet" type="text/css" href="your_stylesheet.css"/>
</head>

<body>
    <li><a class="button" href="terms.php<?php echo $referral_string?>" >Terms</a></li>
</body>
</html>

工作演示！

希望这可以帮助！

于 2013-08-13T16:44:27.393 回答
1 
<li>
    <a href="terms.php<?php echo $referral_string?>" class="button">Terms</a>
</li>

（假设类可以在链接的上下文中访问）。

于 2013-08-13T16:41:15.263 回答
0

您的错误是您没有向 ahref 链接标记添加类，要向任何 HTML 元素添加类很简单，只需添加以下代码： class="{class name}" 许多 Web 开发人员也遵循类和 id 的约定。类用于重复而 id 不重复的元素。因此，如果您有很多按钮，那将是一个类，而您可能只有一个主 ID 与按钮一起使用。

您还应该加载您的样式表。

<link rel="stylesheet" type="text/css" href="name_of_your_stylesheet.css"/>

知道您的问题是您创建了一个不错的按钮样式但没有向元素添加 css 类名，正确的解决方案是： <li><a href="terms.php<?php echo $referral_string?>" class="button">Terms</a></li> 注意添加到 html 元素的类名。

这是代码的工作演示：http: //jsfiddle.net/NuTSw/

谢谢

任何后续问题，请在我的推特上发推文：@ muhammad_khan40

于 2013-08-13T16:56:12.577 回答
0

只需将类添加到您想要样式的东西。

<li><a href="terms.php<?php echo $referral_string?>" class="button">Terms</a></li>
于 2013-08-13T16:41:18.517 回答