ハイパーリンクテキストの右側に画像がありますが、これは CSS を使用してまとめられていますか? _html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 12:24:15
オリジナル
841 人が閲覧しました



ハイパーリンクのテキストの右側に画像がありますが、これは CSS を使用してまとめられていますか?

どうやって書けばいいですか?ありがとうございます


ディスカッション (解決策) への返信

ハイパーリンクの後に、内部に画像を含む DIV を追加し、画像の LEFT と TOP を制御できます。 POSITION では相対位置を使用できます

.position {    position: relative;    left: 0px;    top: 0px}
ログイン後にコピー
ログイン後にコピー

ハイパーリンクの後に、内部に画像を含む DIV を追加し、画像の LEFT と TOP を制御できます。 POSITION は相対位置を使用できます

.position {    position: relative;    left: 0px;    top: 0px}
ログイン後にコピー
ログイン後にコピー


画像とハイパーリンクは両方とも 1 つに統合されていると思います

実際にはいくつかの方法があります:
1. ハイパーリンクと画像を同じ DIV に配置し、Set DIV のマウス スタイルをハンド タイプに設定し、CLICK イベントを追加します
2. IMG マウス スタイルをハンド タイプに設定し、CLICK イベントを追加します

LZ は 2 つのうちの 1 つを選択できます

実際にはいくつかの方法があります:
1. ハイパーリンクと同じ DIV 内で、DIV のマウス スタイルをハンド タイプに設定し、CLICK イベントを追加します
2. IMG はマウス スタイルをハンド タイプに設定し、CLICK イベントを追加します

LZ は 2 つのうちの 1 つを選択できます
私は直接CSS背景を使用します

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート