我正在努力为我的html文档添加一个css按钮代码。
以下是代码：
.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>
谢谢。
答案 0 :(得分：1)
<li>
<a href="terms.php<?php echo $referral_string?>" class="button">Terms</a>
</li>
（假设在链接的上下文中可以访问该类）。
答案 1 :(得分：1)
您已经制作了CSS样式定义，但尚未将该类分配给元素。
试试这个：
<li><a class="button" href="terms.php<?php echo $referral_string?>" >Terms</a></li>
上面的代码假定您已经在HTML页面中加载/定义了样式定义。如果是HTML页面，您可以：
<style>代码<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>
<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>
<强> Working demo!
希望这有帮助！
答案 2 :(得分：0)
只需将类添加到要设置样式的内容中即可。
<li><a href="terms.php<?php echo $referral_string?>" class="button">Terms</a></li>
答案 3 :(得分：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