HTMLにてHPを作成しようとしています、
以下について教えて頂けますか?
やりたい事
背景画像を上中央に固定させ、その画像の上から文章を
記載していきたい。
無い知恵を絞って色々やって見ましたが
背景画像が繰り返し表示されてしまします、
背景画像1枚の表示でそれを上中央に表示させたいのですが
どのような言語を使えば良いでしょうか?
<html>
<head>
<title> ※タイトル※ </title>
</head>
<body>
<body background="画像のURL" bgproperties="fixed">
<basefont color="#0000ff" size="3">
<br><br><br>
<h3 align="center">
<font size="7">
<b>
<font color="#ff0000"><font face="フォント名">
※ここに文章を入れます※
</font>
</b>
</h3>
</body>
</html>
No.1ベストアンサー
- 回答日時:
<HTML>
<HEAD>
<TITLE></TITLE>
<STYLE type="text/css">
<!--
BODY {
background-image: url("画像のURL");
background-repeat: no-repeat;/* 背景を繰り返さない */
background-position: 50% 50%;/* 背景画像の位置は画面中央 */
background-attachment:fixed;/* 背景画像を固定する */
}
</STYLE>
</HEAD>
<BODY>
<basefont color="#0000ff" size="3">
<br><br><br><h3 align="center">
<font size="7">
<b>
<font color="#ff0000"><font face="フォント名">
※ここに文章を入れます※
</font>
</b>
</h3>
</BODY>
</HTML>
こんな感じ…。
早々の返信ありがとうございました、無事表示出来ました!!m(_)m
全く知らなかったのですが、<STYLE type="text/css">、、、
と言う言語を入れないと行けないのですね。
この”css”と”html”は混在していても良いのですか?
ちなみにこの”css”と”html”とは、どう言う関係にあるものなのでしょうか?
”css”とは何ぞや?
もしお暇ならお返事下さい。
No.2
- 回答日時:
#1です。
ちょっと長いですが
http://www.tohoho-web.com/css/index.htm
の中の「基礎知識」が参考になるかと。
http://www.tohoho-web.com/css/basic.htm
今回も迅速な返信ありがとうございます、世の中知らない間に
超スピードで進んでますね f・・)
記載のトホホWEBで勉強します、ありがとうございました
とても助かりました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS CSSでサイトの背景に画像を組み込みたいのですが反映されません 2 2022/11/22 16:21
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- HTML・CSS HTMLソースの質問 3 2022/07/28 13:29
- HTML・CSS cssの display: flex;で横並びにならずに困ってます 1 2022/12/04 13:18
- HTML・CSS html cssのmargin 5 2022/12/03 11:04
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- PHP ここでの ②if($su_d<>"")の比較演算子 を使う理由は 1 2022/03/26 02:33
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
IMGタグで画像の繰り返し使用は…
-
同じ画像 複数回使用
-
lightbox2で画像を天地左右中央...
-
WEB上でディレクトリ内の画像を...
-
背景画像をリピートさせない方...
-
gif画像でたまに背景がグレーに...
-
CSS マウスオーバーでテキスト...
-
CSSでの動画のマスク処理
-
フッターの背景に色を指定した...
-
LightBoxの矢印の出し方
-
ひとつの画像をWEBで異なる小さ...
-
before疑似要素で画像を指定し...
-
背景画像の上に透過GIF背景...
-
<hr>の縦バージョンはありますか?
-
htmlタグで画像を背景に敷き詰...
-
【至急お助け!】チェックボッ...
-
サファリで背景画像が1ピクセ...
-
下記サイトのトップ画像はどの...
-
【Webサイト】画像が小さく表示...
-
画像で背景透明のテキストがに...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
画像の上にテキスト配置で、拡...
-
画像とその下にあるテキストの...
-
<hr>の縦バージョンはありますか?
-
【至急お助け!】チェックボッ...
-
【Webサイト】画像が小さく表示...
-
background-repeat CSS で切れ...
-
htmlかcssで背景の白い枠をなく...
-
background-sizeの背景で最小値...
-
lightbox2で画像を天地左右中央...
-
ページごとに背景画像を変更し...
-
LightBoxの矢印の出し方
-
WEB上でディレクトリ内の画像を...
-
IMGタグで画像の繰り返し使用は…
-
iframe内をクリックさせない方...
-
同じ画像 複数回使用
-
画像上に文字を表示するとiPhon...
-
background-sizeでcontainする...
-
ページの上下に白い横線が入る
-
コーディング中、右側に謎の余...
-
画像を複数横に並べ、かつそれ...
おすすめ情報