0

それ以外の

<style> some css code</a>

そして使用する

<a href="mylink" class="some class">anchor</a>

私はこのようなものを使いたい:

<a href="mylink" style="something">anchor</a>

では、この css をそのような形式 (何か) に変換するにはどうすればよいでしょうか。

<style>
.twitterbird {
margin-bottom: 10px;
width: 160px;
height:160px;
display:block;
background:transparent url('twitterbird.png') center top no-repeat;
}

.twitterbird:hover {
background-image: url('twitterbird_hover.png');
}
</style>
4

3 に答える 3

2

外部スタイルシートにリンクしていない理由がわかりません。

置く...

<link rel="stylesheet" type="text/css" href="<!--thename of your css file.css-->" />

あなたの<head>セクションで。

すべてのスタイリングを取得し、その行の href="" にリンクされているファイル名に保存します。

このような...

.twitterbird {
margin-bottom: 10px;
width: 160px;
height:160px;
display:block;
background:transparent url('twitterbird.png') center top no-repeat;
}

.twitterbird:hover {
background-image: url('twitterbird_hover.png');
}

.css (カスケーディング スタイル シート) ファイルでは、スタイル タグを使用しません。次に、html/php ファイルの上部にあるタグの間に css がある場合と同様に、クラス名と ID を使用します。

于 2013-05-15T16:11:12.817 に答える
1

これを試して

<a href="mylink" 
 style="margin-bottom: 10px;width: 160px;height:160px;display:block;background:transparent url('twitterbird.png') center top no-repeat;" 
 onmouseover="this.style.background='url(twitterbird_hover.png)'"       
 onmouseout="this.style.background='url(twitterbird.png)'">anchor</a>

これは最善の方法ではないことに注意してください。実際にはインライン スタイル/javascript を使用しないでください。

于 2013-05-15T16:11:13.213 に答える
1

あなたの例を考えると、インラインCSSを使用できます：

<a href="mylink" style="margin-bottom: 10px; width: 160px; height: 160px; display: block; background: transparent url('twitterbird.png') center top no-repeat;">anchor</a>

:hover残念ながら、他の人がすでに述べたように、ビットを含めることはできません.

于 2013-05-15T16:06:20.443 に答える