- ベストアンサー
スタイルシートの“background属性”について
- スタイルシートのbackground属性について調査しました。
- background属性の記述例や意図について解説します。
- 具体的な値の変化が背景に与える影響についても説明します。
- masarin16
- お礼率71% (64/89)
- その他（プログラミング・開発）
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
関連するQ&A
- スタイルシートの画像
質問させていただきます。 今悪戦苦闘しながらホームページを作成しているのですが HTMLで画像を表示するときにalt属性は書いたほうが良いと理解したのですが、 スタイルシートで背景画像を記述するにはどうやってalt 属性を記述したら良いのでしょうか？ 例えばHTMLに <div class="img"></div> CSSに div.img { background-image: url("○○.jpg"); width: 100px; height: 100px; } とするとどこにalt属性をいれたらよいのですか？ わかりづらくてすみませんが、ご回答よろしくお願いします。
- ベストアンサー
- その他（インターネット・Webサービス）
- スタイルシートを使い<h1>で指定するには？
スタイルシートを活用して <p style="border-style: solid; border-color: green; border-width: 1px 4px; padding: 3px;"> ぼけぼけ </p> という枠を<h1>ぼけぼけ</h1>と指定しただけで表示させるにはどのようにスタイルシートを記述すればいいのでしょうか？
- ベストアンサー
- HTML
- スタイルシート filter
#title{ background:url('img') no-repeat left top; } として、画面上に画像をひとつ表示させています。 そして、背景色を変えてみようと思いました。 画像に白い色を使ってあるところがあるのですが、 その白い色も、背景色に変えた方が見栄えが良さそうです。 そこで調べたら、 特定の色（白）を透過させるfilterというものがあると分かりました。 例では、<img src="img" style=filter: chroma(color=#ffffff);> となっています。 これを、スタイルシートで出来ないものでしょうか。 ためしに、 background-color: #****; background:url('img') no-repeat left top; filter: chroma(color=#ffffff); としてみましたが、変化ありませんでした。。 どこが違うのでしょうか。 透過処理してしまったほうが良いのでしょうか。 やり方が分からない＆ペイントしかないのでfilterでの方法をお聞きしました よろしくお願いします。
- ベストアンサー
- HTML
- スタイルシートの背景の設定について
http://hp.vector.co.jp/authors/VA013937/cssref/backgrou.html を参考にスタイルシートの背景をＧＩＦにしたいのですが、下記のように してもうまくいきません。何がおかしいのでしょうか？ （１）http://9999.com/image/top.gif 例えばここにＧＩＦがあるとして下記の記述であってますか？ ＵＲＬの部分に何をいれればいいのでしょうか？ /* タイトルバナー */ #banner { color:#000000; background:url(top.gif); margin : 0px 0px 0px 0px ; padding:13px 15px 8px 15px; text-align: left; border-bottom: 1px solid #999999;
- ベストアンサー
- CSS
- スタイルシートで、背景画像が表示されない
スタイルシートで、背景画像（header.jpg'）を設定してるのですが表示されません。 --- style.css newpage5.html --- ｉｍｇ ┐ header.jpg スタイルシートは border-bottom: 1px solid #FF9900; background-image: url('img/header.jpg'); padding: 20px; ホームページビルダーでは、簡易表示されてるんですが アップロードすると、画像が表示されないのですが・・・ 以上宜しくお願いします。
- ベストアンサー
- HTML
- 表の作成をスタイルシートで
皆さんはHTMLで表を作成する際、どのように作成していますか？ 私はTableタグとスタイルシートを使っているのですが、これをスタイルシートのみで 作成できないでしょうか。 例えば以下のような表で、■部分は他のセルと背景色を変えます。 ■□□ ■□□ ■□□ 通常私がやっている方法は、tableタグに下記スタイル「tb01」を、タイトル部分には 「td.title」を設定を設定しています。 -----------------HTML-------------------------- <table width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <td class="title">6月7日</td> <td>text</td> <td>text</td> <td>text</td> </tr> <tr> <td class="title">6月8日</td> <td>text</td> <td>text</td> <td>text</td> </tr> </table> ---------------------------------------------------------- -----------------スタイルシート-------------------------- .tb01 {FONT-SIZE: 12px; border-collapse : collapse ; border-width : 1px 0 0 1px ; border-style : solid ; border-color : #CDCDCD ; ; width:350px; background-color:#FFFFFF; } table.tb01 td {border-width : 0 1px 1px 0 ; border-style : solid ; padding : 7px ; line-height:120%; border-color : #CDCDCD ; } td.title {background-color:#ECECEC; } ---------------------------------------------------------- スタイルシートのみでは無理でも、もっと良い方法があれば 是非教えてください。
- ベストアンサー
- HTML
- スタイルシートでpaddingを使うと背景がずれる
はじめまして。はじめて質問させて頂きます。 スタイルシートに関する質問なのですが、例をあげて質問させて頂きます。 sample.html---------------------------- 途中抜粋 <table border="0" cellspacing="0" cellpadding="0" > <tr> <td id="key1">例</td> </tr> </table> style.css-------------------------------- td#key1 {background-image: url(image/sample.gif); vertical-align: top; padding-top: 5px;} 以上のようにテーブルの中で"例"という文字を上から5px分下にずらしたいので、vertical-align: top; padding-top: 5px; と記述してあげたのですが、"例"という文字と同時に、背景である(sample.gif)も同時に下方向にずれてしまいます。背景がずれないようにするには vertical-align: top; padding-top: 5px; という記述以外に何か記述方法がありますでしょうか？ よろしくお願い致します。
- 締切済み
- HTML
- 外部スタイルシートが読み込めない
こんにちは。 外部スタイルシートが読み込めず 困っています。 HTMLは、 <html> <head> <link rel="stylesheet" href="controlbox2.css" type="text/css"> </head> <body> <div class="modal">syun</div> </body> </html> controlbox2.cssは .modal{ background-color:#fff; padding:10px; border:1px solid #333; } だけです。 もちろん同じディレクトリで あり何度も確認しています。 ブラウザは、IE7です。 ヘッダー部分に スタイルシートを書くと 当然効果があります。 <head> <style type="text/css"> .modal{ background-color:#fff; padding:10px; border:1px solid #333; } </style> </head> 文字コードは、ともに SHIFT_JISで保存しています。 何が悪いのか、 全くわかりません。 何か分かる人がいましたら、 よろしくお願いします。
- ベストアンサー
- HTML
- スタイルシートについて
スタイルシートで背景を画像にするものがありますよね。 それでＨＰを作ったものの、その画像が見れる人と見れない人が出てきてしまって困っています。もちろんインターネットオプションのユーザー補助は確認しています。自分の記述が悪いかもしれないので書いておきます。 <STYLE TYPE="text/css"> <!-- BODY { background-image:url("c:/my documents/素材ファイル名"); background-position:50% 50%; background-repeat:no-repeat; background-attachment:fixed; } --> </STYLE>
- ベストアンサー
- その他（インターネット・Webサービス）
お礼
marie_blueさんへ 迅速な回答、ほんとうにありがとうございました。たいへんわかりやすかったです。そして、わたしの予想していたことが全くの的はずれで、すこし恥ずかしかったです。 marie_blueさんのおかげで、“background属性”について、より理解が深まりました。 また、なにか困ったことがでてきたときは、よろしくおねがいいたします。