• ベストアンサー

HTML・CSSについておしえてください。

http://weboook.blog22.fc2.com/blog-entry-336.html 上記サイトのように、一番上のサイトメニューの色のような、青から水色のようなグラデーションを作りたいです。 どのようなタグが必要なのででしょうか。

質問者が選んだベストアンサー

  • ベストアンサー
回答No.1

CSSの記述が必要です。 #header { background: linear-gradient(90deg, #05a 10%, #21b3b2 90%); } となっているようです。 ☆#headerはヘッダー(div)に割り当てたIDです。

全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (1)

  • kamikami30
  • ベストアンサー率24% (812/3335)
回答No.2

上記のサイトに書いている通りです。 HTMLソースやCSSのソースを見ればそのまま書いてあります。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • 布プリタグのデザイン

    このような雰囲気のタグを作りたいのですが、デザインをどこから引張ってくればよいのか分かりません。 アドバイスおねがいします!!(特に、最後2つあたりのデザインが好きです) http://yaplog.jp/kurumi128/archive/1285 http://s.ameblo.jp/mamanotete/entry-11409695935.html (↑ラグラン袖トレーナーの背中につけているデザイン) http://lorelei910sh.blog.fc2.com/blog-entry-115.html http://aozorachoucho.blog.fc2.com/blog-entry-48.html (↑青色で絵や文字がある) http://aozorachoucho.blog.fc2.com/blog-entry-36.html?sp

  • javascriptでURLを取得するには?

    pcafeさん(http://pcafe.blog3.fc2.com/blog-entry-372.html)にあるようなことを、ブログ上でなくてホームページ上で実現したいと思っています。 上記のサイト様を踏まえた上で、どのようなことがしたいかと言いますと、下記のようなことをしたいと思っています。 サンプル図:http://lancerevolution.tuzikaze.com/sampletest.html (1)http://×××.blog×.fc2.com/blog-entry-1.htmlのリンクをクリックし、新規ウィンドウでmenu.htmlを開く (2)http://×××.blog×.fc2.com/blog-entry-1.htmlの「1」をインラインフレームの「src」に代入して、1.htmlのファイルを(3)に表示させる *子のウィンドウのURLではなくて、親のウィンドウのURLを対象にして、その数字に応じたhtmlファイルを(3)に表示させます つまり、 ◆http://×××.blog×.fc2.com/blog-entry-1.htmlと言うページがあった時に、子ウィンドウのインラインフレームに <iframe src="="./file/1.html"></iframe> ◆http://×××.blog×.fc2.com/blog-entry-2.htmlと言うページがあった時に、子ウィンドウのインラインフレームに <iframe src="="./file/2.html"></iframe>         ・         ・ ◆http://×××.blog×.fc2.com/blog-entry-300.htmlと言うページがあった時に、子ウィンドウのインラインフレームに <iframe src="./file/300.html"></iframe> にしたいということです。 *インラインフレームがある部分は、menu.htmlと言うページしか使わないので、ページ1つ1つにsrcは設定できません。設定できるのは、menu.htmlのみです。そのため、pcafeさんのやり方がどうしてもしたいのです。 長くなりましたが、どうぞよろしくお願いします。

  • fc2ブログに地図を貼ることはできますか?

    グーグルマップでもヤフー地図でもなんでもいいのですが。 http://ionit.blog.fc2.com/blog-entry-43.html http://webdesignclass.blog.fc2.com/blog-entry-18.html 上記サイトを読んでみたのですが 画面左にある「リンク」アイコンが見当たりません。

  • FC2ブログのタグをプルダウン化

    記事中の語をリンクさせるタグをプルダウン化させたいのですが プラグイン周りに知識が乏しいので質問させて頂きました。 FC2ブログでタグをプルダウン化するには どういった記述をすれば出来ますか? 何か足りない部分がありましたら すぐに補足しますので宜しく御願いします。 ■FC2ブログ-タグについてhttp://fc2blogmanual.blog60.fc2.com/blog-entry-28.html

  • urlのソースを自動で読み込み、ある文字列を検索する方法、またはツール

    urlのソースを自動で読み込み、ある文字列を検索する方法、またはツールを探しています。 URLが1万件ほどあります。このURLの中から、特定の文字列を含むURLのみをピックアップして一覧にしたいです。 たとえば、ブログURLが3つあったとして http://manitame.blog115.fc2.com/blog-entry-2469.html http://yourockmyworld829.blog88.fc2.com/blog-entry-1067.html http://moviehunt.blog58.fc2.com/blog-entry-1323.html 上記からyoutubeを貼っているブログ記事をピックアップする…などです。 "object width"などのタグが検索できれば可能なのではと安直に思っているのですが… htmlタグはその都度指定できる形だと幸いです VBAも検討したのですが、プログラム言語がかけないため、理解するのに時間がかかってしまいそうです…。 どなたかお得意な方、ソースも含めご教授いただけませんでしょうか。 またはそのようなツールをご存知の方いらっしゃいましたらご教授頂けますと幸いです。 よろしくお願い致します。

  • カラムに画像を貼った時の隙間

    最近ブログを始め、調べてもわからない点があったのでいくつか質問させて頂きます。 カラムに画像を貼ると、カラム幅を狭く設定しているのにもかかわらず画像の両端にAのような隙間が生まれてしまいます。ここを狭くする設定をしたいのですが方法がわかりません。 また、Bの幅もスタイルシートのサイトの幅設定を変更しても変わりません。 設定方法がありましたら教えて下さい。 もしかしたらタイトル下の黒いメニューバーが影響しているのかもしれません。 現在、FC2ブログのテンプレート工房様(http://10plate.blog44.fc2.com/)のwhite_eagleというテンプレートを仕様しています。 タイトル下の黒いメニューは(http://10plate.blog44.fc2.com/blog-entry-176.html)のタグを使用しています。このメニューの全体の幅の設定方法も教えて頂ければ有りがたいです。 わかりにくいと思いますが、よろしくお願いします。

  • 秀丸の正規表現置換でこの文字列にしたい

    タイトルの通りですが、秀丸エディタで下記の文字列に置換しようとしています。 目的はFC2ブログでの全記事タイトルリストの作成です。 ↓最終的にこのような形にリスト化したいと思っています。 http://●●.blog21.fc2.com/blog-entry-〇〇.html,<a href="http://●●.blog21.fc2.com/blog-entry-〇〇.html" target="_blank">ブログタイトル1</a> http://●●.blog21.fc2.com/blog-entry-△△.html,<a href="http://●●.blog21.fc2.com/blog-entry-△△.html" target="_blank">ブログタイトル2</a> http://●●.blog21.fc2.com/blog-entry-□□.html,<a href="http://●●.blog21.fc2.com/blog-entry-□□.html" target="_blank">ブログタイトル3</a> : : ※ ●●はブログID,〇〇や□□は記事のナンバーです(順不同) 現時点で、 : <a id="link__inpage_21" href="http://●●.blog21.fc2.com/blog-entry-〇〇.html" title="このリンクのブログ本文の文頭">ブログタイトル1</a> : <a id="link__inpage_23" href="http://●●.blog21.fc2.com/blog-entry-△△.html" title="このリンクのブログ本文の文頭">ブログタイトル2</a> : <a id="link__inpage_25" href="http://●●.blog21.fc2.com/blog-entry-□□.html" title="このリンクのブログ本文の文頭">ブログタイトル2</a> : : ※ ●●はブログID,〇〇や△△や□□は記事のナンバー(1~1500ほど)です(順不同) このような形で、文字列が1500行ほど並んでいます。(つまり1500リンク分です) 何回でも、置換の手順を踏んでも構わないので、 : <a id="link__inpage_21" href="http://●●.blog21.fc2.com/blog-entry-〇〇.html" title="このリンクのブログ本文の文頭">ブログタイトル1</a> ↓ http://●●.blog21.fc2.com/blog-entry-〇〇.html,<a href="http://●●.blog21.fc2.com/blog-entry-〇〇.html" target="_blank">ブログタイトル1</a> : という形に最終的に全行をリスト化したいのですが、どのような正規表現で置換していけばいいでしょうか? 唐突で誠に恐縮ですが、ご存じの方がいらっしゃいましたら御教授のほどよろしくお願い申しあげます。

  • high slideをFC2ブログで

    http://saruyan.blog61.fc2.com/blog-entry-216.html こちらのサイトさんの記事を参考にして、highslideをFC2ブログに導入して、起動したのですが何枚も続けて画像を貼り付けると画像の右側にマージンが入るのですが、これを無くすためにはhighslideのどこを書き換えれば直るのでしょうか? こちらがサンプルページになります http://sampleyoudesu.blog.fc2.com/blog-entry-1.html 使用しているhighslideのバージョンは3.3.8になります。 回答の方宜しくお願い致します。

  • 住友林業について

    住友林業は、なぜ高価なのにダサい家ばかりなのでしょうか? ダサい住林の家ベスト5 5位 http://ameblo.jp/hanatama-blog/entry-10849808479.html 4位 http://morishi3723.blog85.fc2.com/blog-entry-206.html 3位 http://smartstage.blog109.fc2.com/blog-category-1.html 2位 http://secretakb48.blog.fc2.com/ 1位 http://labhouse.blog54.fc2.com/blog-entry-318.html 社員さん大歓迎ですよよ(^^)/^

  • MP4の動画ファイルをアップロードしたいのですが

    無料のFC2でHPを作ってます。 MP4の動画ファイルをアップロードしたいのですが 可能でしょうか? FC2でアップロードできる拡張子を調べようとググりましたが http://fc2information.blog.fc2.com/blog-entry-218.html http://emotion92.blog.fc2.com/blog-entry-112.html を見てもよくわかりませんでした。

家庭での太陽光発電の将来性
このQ&Aのポイント
  • 2050年でも家庭での太陽光発電はやられていると思いますか?
  • 現在は発電能力1kwあたり20万円、20年間の発電量22000kwhとして、9円/kwhなのでやらなきゃ損なくらいですが、2050年や2100年でもその優位性は変わらないと思いますか?
  • 将来的にソーラーパネルはペロブスカイトになって効率30%を超えてもっと価格は下がってくると思いますが、一方で30年後はガス会社の都市ガスに変わって水素会社(?)の水素が供給されると思います。 現在は太陽光発電+電力会社でオール電化が一番安いと思いますが、30年後はどうなりますか? 太陽光発電+電力会社のオール電化、水素会社のオール水素、太陽光発電+電力会社+水素、のどれになりますでしょうか? あるいはその他の組み合わせでしょうか? 今は太陽光発電や太陽熱温水器が魅力があるので日当たりの良い土地は人気がありますが、それらが必要なくなると意外と住宅地の日当たりはどうでもよくなるかもしれません。最近の家は高気密高断熱になって、下手に日光が入ると暑くてかなわないので窓が少ないです。 だったら日当たりのよくない土地でも将来的には問題ないのかなと。
回答を見る