-1

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>

ありがとうございました。

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

スタイルを設定したいものにクラスを追加するだけです。

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