http://flash.xtaro.com/sozai/tool/fcount/sample. …ここを参考にHPを作っています。
<!--
BODY {
MARGIN-TOP: 3px; COLOR: #000000; BACKGROUND-COLOR: #e6eee6; TEXT-ALIGN: center
;}
TABLE {
BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0px; WIDTH: 700px; BORDER-COLLAPSE: collapse; BORDER-RIGHT-WIDTH: 0px
;}
TD {
FONT-SIZE: 11pt; MARGIN: 0px; WIDTH: 140px; BORDER-COLLAPSE: collapse; BACKGROUND-COLOR: #66cc99; TEXT-ALIGN: center
;}
DIV {
BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; BORDER-LEFT: #999999 1px solid; WIDTH: 700px; BORDER-BOTTOM: #999999 1px solid; BACKGROUND-COLOR: #ffffff
;}
.menu {
BORDER-RIGHT: #66cc99 0px solid; PADDING-RIGHT: 3px; BORDER-TOP: #66cc99 0px solid; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; BORDER-LEFT: #66cc99 0px solid; WIDTH: 100%; COLOR: #ffffff; PADDING-TOP: 3px; BORDER-BOTTOM: #66cc99 0px solid; BACKGROUND-COLOR: #339966; TEXT-DECORATION: none
;}
.menu:hover {
COLOR: #004411; BACKGROUND-COLOR: #bbffdd
;}
.close {
BORDER-RIGHT: #ff0000 1px solid; BORDER-TOP: #ff0000 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 11pt; BORDER-LEFT: #ff0000 1px solid; COLOR: #dd0000; BORDER-BOTTOM: #ff0000 1px solid; BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: none
;}
.close:hover {
COLOR: #ffffff; BACKGROUND-COLOR: #ff0000
;}
-->
(1)メニュー1や2の色を変更するにはどうすればいい?
(2)ページ背景色をhttp://www.kds.kddi.com/topics/index.htmlのようにグラデーションにするにはどうすればいい?
(3)ページ幅を変更するにはどうすれいい?
No.2ベストアンサー
- 回答日時:
(1).menu{の中のBACKGROUND-COLOR: #339966 の「#339966」の数字を変えれば、元々の色を変えられます。
マウスが乗った時の色は.menu:hover {の中の
BACKGROUND-COLOR: #bbffdd の「#bbffdd」を変えてれば大丈夫です。
(2)<DIV id="obj1" style="width:100%;height:100%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#006666)">
このタグの中の「startColorstr=#ffffff,endColorstr=#006666」を変更すれば、好きな色のグラデーションが作れます。
(3)TABLE {
BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0px; WIDTH: 700px; BORDER-COLLAPSE: collapse; BORDER-RIGHT-WIDTH: 0px
;}の中の「WIDTH: 700px」の変更で変えることができます。
No.3
- 回答日時:
>(1)メニュー1や2の色を変更するにはどうすればいい?
実際に確認していませんが、おそらく
.menu {
BORDER-RIGHT: #66cc99 0px solid; PADDING-RIGHT: 3px; BORDER-TOP: #66cc99 0px solid; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; BORDER-LEFT: #66cc99 0px solid; WIDTH: 100%; COLOR: #ffffff; PADDING-TOP: 3px; BORDER-BOTTOM: #66cc99 0px solid; BACKGROUND-COLOR: #339966; TEXT-DECORATION: none
;}
の BACKGROUND-COLOR: #339966; ←この値と
.menu:hover {
COLOR: #004411; BACKGROUND-COLOR: #bbffdd
;}
の BACKGROUND-COLOR: #bbffdd; ←この値
を変更すれば良いのではないかと思います。
後のがリンクカーソルが重なった時の色の指定になります。
(2)ページ背景色をグラデーションにするにはどうすればいい?
例にあげられましたサイトですとグラデーションの画像を、
cssで背景に指定しているのではないかと思います。
画像を使用しない場合、cssの他にjavaで指定できたりするみたいです。
http://dex.okwave.jp/kotaeru.php3?q_id=1880858
(3)ページ幅を変更するにはどうすれいい?
テーブル幅のことでしょうか??
TABLE {
BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0px; WIDTH: 700px; BORDER-COLLAPSE: collapse; BORDER-RIGHT-WIDTH: 0px
;}
の WIDTH: 700px; ←の値を変えてみてください。
違ったらすみません;
No.1
- 回答日時:
(1)メニュー1や2の色を変更するにはどうすればいい?
.menu {
BORDER-RIGHT: #66cc99 0px solid; PADDING-RIGHT: 3px; BORDER-TOP: #66cc99 0px solid; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; BORDER-LEFT: #66cc99 0px solid; WIDTH: 100%; COLOR: 文字色; PADDING-TOP: 3px; BORDER-BOTTOM: #66cc99 0px solid; BACKGROUND-COLOR: 背景色; TEXT-DECORATION: none
;}
.menu:hover {
COLOR: マウスを乗せたときの文字色; BACKGROUND-COLOR: マウスを乗せたときの背景色
;}
となります。
全てのメニューを一括で指定します。
メニュー1、メニュー2・・・と、それぞれのメニューを別の色に指定したいということであれば、新しくスタイルを追加しなければいけません。
(2)ページ背景色をhttp://www.kds.kddi.com/topics/index.htmlのようにグラデーションにするにはどうすればいい?
→グラデーションの画像を背景画像に指定しています。
(3)ページ幅を変更するにはどうすれいい?
TABLE {
BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0px; WIDTH: ページ幅; BORDER-COLLAPSE: collapse; BORDER-RIGHT-WIDTH: 0px
;}
えーとあまり親切な答え方でないですが、お急ぎだそうなのでとりあえず・・・ヒントになれば幸いです。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS HTML & CSS 縦ボックス内の文字の左右センタリング 3 2023/03/25 04:23
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- HTML・CSS CSSがなぜかfont-sizeだけ効かない...記述がまちがっているんでしょうか 5 2022/04/09 17:52
- JavaScript vertical sliderをautoplayしたい 2 2022/08/25 14:47
- HTML・CSS CSS のみのタブ切り替えについて 1 2023/01/11 16:47
- JavaScript スマフォではボタンを表示させたくない 2 2023/01/20 14:26
- オープンソース cssで中央寄せ 1 2023/05/19 06:25
- PHP style.cssのjQuery条件付きcssが機能しない 4 2022/07/17 18:27
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
goo は、放置?
-
htmlの文字が縦書きになる
-
WEBページを強制的に横画面で見...
-
テーブルの行を折りたたみたい...
-
css初心者 フレックスボックス...
-
HTML電卓で1文字消す方法
-
HTMLですCSSです 画像のように...
-
テーブルタグのセルの幅の一部...
-
WEBサイト 画像の直接リンクに...
-
CSSについて教えてください。 ...
-
青い枠のみのHTML
-
HTMLです 店主のこだわりという...
-
HTMLです 四角みたいにして中に...
-
初心者html・CSS ウィンドウを...
-
12月のカレンダーを表すHTMLを...
-
pythonに自分で作ったHTMLを、...
-
HTMLです次の意味を持つ要素ま...
-
アコーディオンメニューが思う...
-
スマホ(android)のタッチパネ...
-
HTMLの CSSのファイルというの...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlの文字が縦書きになる
-
テーブルの行を折りたたみたい...
-
htmlで<form>~</form>を並べて...
-
WEBページを強制的に横画面で見...
-
コードを書いて下さい( ; ; )...
-
css初心者 フレックスボックス...
-
テーブルのセルデータを自動改...
-
CSSデータの作成方法について(...
-
HTMLで画像をポップアップで表...
-
メモ帳の段落の揃え方
-
スマホ(android)のタッチパネ...
-
HTMLで特定の文字だけ色を変え...
-
プログラミングの勉強が進みません
-
スマホでHTMLファイルを開いて...
-
テーブルタグのセルの幅の一部...
-
CSSでつくったメニューのアニメ...
-
大至急。webのシングルページを...
-
角丸画像の背景色を透明にした...
-
HTML入門でもう躓いてしまった。
-
HTMLの CSSのファイルというの...
おすすめ情報