backgroundについての初心者向け質問
- 初心者がbackgroundについての質問です。CSSテンプレートのbackgroundについて教えてください。
- 質問者は真っ白いテンプレをダウンロードし、ホームページビルダーで編集しています。
- 質問者は画像付きのサイトに「bodyからbodyにコピーしてください」と書かれており、そのコピーを試みましたが、テキストの部分でカーソルをのせて白く表示させる方法がわかりません。
- ベストアンサー
backgroundについて教えて下さい。初めて作ってます。
backgroundについて教えて下さい。初めて作ってます。 cssテンプレートの backgroundのついて教えて下さい。 真っ白いテンプレをダウンロードしてホームページビルダーで編集しています。 素人なので、コピーを利用しながら作成途中です。 画像がついているサイトで「bodyからbodyにコピーして下さい」と書いてありました。 <style type="text/css"> <!-- body{ background-image: url(画像); background-color : #000000; background-attachment: fixed; background-repeat: no-repeat; background-position: right top; --> --> --> --> --> </style> </head> <BODY> 上記をコピーした所、プレビューでは綺麗にみることが出来ました。 テキストにリンク設定してある文字にカーソルをのせると赤色に表示されます。 カラー白と付け足してみても赤いままです。 外部cssというものかどうかすらわからないのですが、 テキスト部分にカーソルをのせて白く表示させることは出来ませんか? もし、やり方があるならば教えて下さい。 よろしくお願いいたします。
- ホームページ作成ソフト
- 回答数1
- ありがとう数1
- みんなの回答 (1)
- 専門家の回答
質問者が選んだベストアンサー
テキストリンクにカーソルを乗せたときに色を変えるには、 a:hoverに色を指定する。 <style type="text/css"> <!-- body{background-image: url(画像); background-color : #000000; background-attachment: fixed; background-repeat: no-repeat; background-position: right top;} a:hover{color:#ffffff;} --> </style>
関連するQ&A
- ホームページビルダーV9での背景固定について
ホームページビルダーV9を使っています。 そこで、背景を固定したいのですが上手くいきません。 ソースに下のようなタグを入れても画像が表示されないんです。 どうしたら良いか教えてください。 <STYLE type="text/css"> <!-- BODY { background-color: #------; background-image : url("画像のURL"); background-attachment: fixed; background-position: 50% 50%; background-repeat: no-repeat; } --> </STYLE>
- 締切済み
- ホームページ作成ソフト
- 壁紙+画像(右・左・上・下)
これなんですが… どなたか教えていただけませんか? ↓は壁紙の色に(右に縦に画像)が並んで表示されます。 </STYLE> </style> <STYLE type="text/css"> <!-- BODY { background-color: #D6D6AD; background-image: url("○○○jpg"); background-repeat:repeat-y; background-attachment: fixed; background-position: right; } --> </STYLE> あと… ↓のをどのように入れれば上の1枚の壁紙に 一度に4ヵ所画像を並べられますか? (左に縦に画像を並べる) background-color: #D6D6AD; background-image: url("○○○.jpg"); background-repeat: repeat-y; background-attachment: fixed; background-position: left; (上に画像を横に並べる) background-color: #D6D6AD; background-image: url("○○○.jpg"); background-repeat: repeat-x; background-attachment: fixed; background-position: top; (下に画像を横に並べる) background-color: #D6D6AD; background-image: url("○○○.jpg"); background-repeat: repeat-x; background-attachment: fixed; background-position: botom; 宜しくお願いします。m( _"_ )mペコ♪
- ベストアンサー
- HTML
- 画像を固定して貼りたいとおもい、下記のように記述しました。
画像を固定して貼りたいとおもい、下記のように記述しました。 <STYLE type="text/css"> <!-- body { background-image : url("pigu1.png"); background-attachment: fixed; background-position: 0% 0%; background-repeat: no-repeat; background-color:#666666; } --> </STYLE> これをリンクにすることは可能でしょうか? また、画像を横にもう一つ増やせるのでしょうか? 教えてください。 宜しくお願いします。
- ベストアンサー
- HTML
- 壁紙を二つ固定したい。(HTML)
ホームページを作っていてHTMLで壁紙を左横と真ん中に固定して、二つ表示されるようにしたくて、下記の設定をしたのですが、どちらか一つしか表示されません。説明がわかりにくくてすみません。 どうしたらいいでしょうか?? お手数をおかけしますが、よろしくお願いします。 <head> <style type="text/css"> <!-- body{ background-image: url(画像のURL); background-attachment: fixed; background-repeat: no-repeat; background-position: 55% 50%; body{ background-image: url(画像URL); background-attachment: fixed; background-repeat: repeat-y; background-position: left; } --> </style> </head>
- ベストアンサー
- その他(インターネット・Webサービス)
- 壁紙(画像の固定)
http://dsc.jugem.jp/?tid=23 ↑のテンプレを使用するつもりですが、このトップに画像をおきたいのですが、 例えば、壁紙をダウンロードしてきて貼り付けたら、一つの画像がいっぱい反映されるのです。 っていう事は固定すべきですよね? htmlで<STYLE type="text/css"> <!-- BODY { background-image : url("画像URL"); background-attachment: fixed; background-position: 100% 100%; background-repeat: no-repeat ; } --> </STYLE> ↑これは反映されなくて、cssだと反映されます。 しかしcssに、 background-image:url(画像URL) background-repeat:no-repeat; background-position:right bottom; ↑こう入れても反映されません。何故でしょうか?どういうタグを使えばいいのですか?
- 締切済み
- ブログ
- 画像の貼り付けについて。
普通に画面上部に貼り付けることはできるのですが、リピートして貼り付けることができません。 <STYLE type="text/css"> <!-- body{ background-attachment:fixed; background-color:#000000; background-image:url(0266.jpg); background-position:top center; background-repeat:repeat-x;} --> </STYLE> ↑これはどこか違っているのでしょうか?
- ベストアンサー
- レンタルサーバ・ASP
- 写真素材の背景
写真素材の背景で、例えば右下に表示するためのタグがありますよね? それって↓ <STYLE type="text/css"> <!-- BODY { background-image : url("素材URL"); background-attachment: fixed; background-position: 100% 100%; background-repeat: no-repeat; background-color:背景色; } --> </STYLE> でいいんですか??↑で何度かやってみたんですが、ちゃんと右下に表示されません。
- 締切済み
- その他(インターネット・Webサービス)
- htmlについての質問です
<style type="text/css"> <!-- body { background-image : url("画像URL"); background-repeat: repeat-x; background-attachment: fixed; } --> </style> で上一列に画像を表示したんですが、 これとおんなじように下一列に画像を表示したら、 上のやつが消えてしまいました。 上下に画像を一列表示ってどうやったらできるんですかk? 教えてください。
- 締切済み
- CSS
- Flashをバックグラウンドで固定に…
ホームページ作成中です。 以下のようなことが可能でしょうか? 壁紙をフラッシュで表現(要は動く壁紙) しかも、それを位置固定 --- <STYLE type="text/css"> <!-- BODY{ background-image : url(xxx.swf); background-repeat : no-repeat; background-attachment : fixed; background-color : #FFFFFF; background-position : left top; } --> ------ Blogのバックで動く壁紙を表現したいと思っています。Blogなので下方向にずっと続くので位置固定が必要です。 こんなこと可能ですか?その場合、どういう風にしたら良いでしょうか? お願いします。
- ベストアンサー
- その他(プログラミング・開発)
- 間違い。
このHTMLは間違ってますか? ページを表示しても真っ白になります。 背景を右端に固定したいのですが。。 <HTML> <HEAD> <TITLE>・・・</TITLE> <STYLE TYPE="text/css"> <!-- BODY { background-image : url("画像のURL"); background-attachment: fixed; background-position: 100% 100%; background-repeat: no-repeat; } --> </STYLE> </HEAD> <BODY> ・ ・ </BODY> </HTML>
- ベストアンサー
- HTML
お礼
早い回答ありがとうございました。 コピーで貼り付けましたところ、白く表示されました。 a:hoverというものを覚えることができて嬉しいです。 役に立てていきたいです。