CSS3

CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

RSS

  • 解決済

    回答
    1

    html cssで作ったページのマージン設定について

    <!DOCTYPE html> <head><link rel="stylesheet" href=".css" type="text/css" /></head> <body> <div class="wrapper"> <div class="header"> <div class="headerblack"> <marquee>〇コカ・コー

    • -2評価
    • 132PV
    tidavest tidavest 15時間前
  • 解決済

    回答
    1

    html cssのページで、menuのwidthが広がらない

    <!DOCTYPE html> <head><link rel="stylesheet" href=".css" type="text/css" /></head> <body> <div class="wrapper"> <div class="header"> <div class="headerblack"> <marquee>〇コカ・コー

    • 0評価
    • 186PV
    tidavest tidavest 17時間前
  • 解決済

    回答
    1

    html cssを使用してのラインブレイク

    <!DOCTYPE html> <head><link rel="stylesheet" href=".css" type="text/css" /></head> <body> <div class="wrapper"> <div class="headerblack"> <marquee>〇コカ・コーラ製品をいつもご愛用いただきありがとうござい

    • 0評価
    • 206PV
    tidavest tidavest 1日前
  • 解決済

    回答
    1

    htmlのメニューの並びの表示を大きくする

    <div class="menu"> <ul><li>HOME</li><li>製品</li><li>問い合わせ</li><li>日頃の取り組み</li><li>About Us</li></ul> </div> このコードで、打ち込むとUl liのメニューが横に並んだところまでは、良いのですが、表示がとても小さいです。 これを大きくする

    • 0評価
    • 325PV
    tidavest tidavest 1日前
  • 解決済

    回答
    1

    CSS3のレスポンシブサイトのCSSのメニューバーについて

    前提・実現したいこと ここに質問したいことを詳細に書いてください (例)HTML5とCSS3でレスポンシブサイトを作っているのですが、一つ分からないところがあるので質問させて頂きました。 発生している問題・エラーメッセージ メニューバーを作成しているのですが、メディアクエリを599px以下設定したときに各コンテンツが均等に並べて表示したいのですが

    • 0評価
    • 331PV
    KouichiWatanabe KouichiWatanabe 1日前
  • 解決済

    回答
    3

    CSSファイルを更新した時にキャッシュのCSSファイルが読み込まれ更新が反映されない場合、ユーザーが...

    参考サイト 上記のサイトではCSSファイルを更新した時にGoogle Chromeだと更新したCSSファイルが読み込まれ無いため、キャッシュのクリアを行わなければならないと説明されております。 これだと、cssが問題でレイアウトの崩れが発生した際に修正しても、Google Chromeのユーザーが自主的にキャッシュをクリアするか分からないので、そ

    • 1評価
    • 901PV
    masuo masuo 1週間前
  • 受付中

    回答
    1

    htmlとcssを指定して、divの中に,divを指定して画像の中に、画像を挿入する

    https://naifix.com/relative-absolute/ 上記URLで、htmlの中にimgコードを二つ指定して、画像を重ねています。 そうではなく、 divを指定して、そのdivをbackground-img:urlを指定したものを2つ使い、 画像を重ねることは、出来ますでしょうか

    • 0評価
    • 319PV
    tidavest tidavest 1日前
  • 受付中

    回答
    1

    html cssを使用して、2つの画像を重ね合わせる

    https://developer.mozilla.org/ja/docs/Web/CSS/CSS_Background_and_Borders/Using_CSS_multiple_backgrounds 上記URLで、画像の重ね方を参照し、 .head { float:left; border-bottom:10px solid ligh

    • 0評価
    • 318PV
    tidavest tidavest 1日前
  • 解決済

    回答
    1

    aタグとimgタグをループさせる方法を教えてください。

    htmlで複数のaタグに複数のimgタグで画像を入れてそれをスライドショーしている状態にしたいです。 コード<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <meta name="keywords" content="ベネヴィータ王慈のホームページ">

    • -1評価
    • 64PV
    syun1819 syun1819 19時間前
  • 受付中

    回答
    2

    html+cssのみでメニュータブ作成

    html+CSSのみのメニュータブが下記のサンプル出来ました。 <div class="tabBox"> <input type="radio" id="tabMenu1" name="tab" checked > <label for="tabMenu1">タブ1</label> <input type="radio" i

    • 0評価
    • 355PV
    uer03108 uer03108 3日前
  • 解決済

    回答
    2

    Jqueryでcssの高さをウィンドウ幅に合わせて自動で変更されるようにしたい

    ID slideshowのhightをウィンドウサイズに合わせてフレキシブルに変わるようにしたいのですがうまくいきません。 CSSで#slideshowをposition:relativeにし、含む子要素を全てposition:absoluteにしているため#slideshowは高さを数値で設定しなければいけない状態となっています。しかしレスポンシブルにし

    • 0評価
    • 81PV
    suizya2 suizya2 5日前
  • 解決済

    回答
    1

    ロゴとグローバルナビを横一列に並べたい

    前提・実現したいこと ロゴとグローバルナビを横一列に並べた上で、 ロゴを左端、グローバルナビを右端に配置し、 かつそれらを下端で揃えたい。 意味が分かるでしょうか。 例えば、以下のサイトのようなイメージです。 https://www.sakurajyuji.or.jp/ 発生している問題・エラーメッセージ(1/2) 以下のような記述で

    • 0評価
    • 325PV
    tter tter 6日前
  • 解決済

    回答
    1

    横並びのリストタグの高さを揃える時、下にある画像の高さを揃えたい

    お世話になります。 横並びにした li要素の中に、テキストその下に画像を1枚載せています。 テキストの文字数がバラバラなので自動で高さを揃えています。 その際、liの自体の高さは揃っているのですが、li要素の中の画像は上部の文字数によって、揃わないです。 例えば、上のテキストが2行になってしまったとき、画像横一列同じ高さに揃えることは可能でしょう

    • 0評価
    • 334PV
    cues cues 6日前
  • 解決済

    回答
    2

    css3、hoverしたら画像ぴったりにキャプションを表示する方法

    300x300の画像の上にhoverすると画像上にぴったりキャプションを表示させたいです。 ulのwidth、heightには.column imgのmargin:10px;を加味して、320pxにしています。 それが原因して、キャプションがulの320px分に広がってしまいます。 この場合どうすれば画像の300pxぴったりに表示できるのでしょうか?

    • 0評価
    • 385PV
    roronoazoro roronoazoro 1週間前
  • 解決済

    回答
    1

    CSSを適用するときに、同じクラスに異なるwidthを適用?

    疑問 下のコードは.contentsの中に.left_contentと.right-contentで2カラムにしている状態です。 表示はあっていますが、一つ疑問があります。 .contentsで一度widthを940pxに指定しているのに.contents .left_content hrでwidthをさらに300pxで上書き?しています。 この

    • 0評価
    • 48PV
    nakatsu6723 nakatsu6723 6日前
  • 解決済

    回答
    3

    2色のリボンをCSSで作る、最も良い方法を教えてください。

    CSSで画像のような背景を作りたいです。 画像をそのまま使う以外で、どの方法が一番スマートですか? 背景を3色にしても擬似要素でつける三角を2色ずつには分けにくいし、そもそも3色にできるのか謎です。 borderのみで色分けする方法は、画像の灰色の部分をどうしたら良いかわかりません。 この形を大小で2つ作って重ねる、というのが今のとこ

    • 0評価
    • 107PV
    sascha sascha 1週間前
  • 解決済

    回答
    2

    Javascriptで画像をランダム位置で表示させたいです。

    前提・実現したいこと Javascriptで 1.width 100%、height 600pxのdiv#contentに 2.javascriptでクリックしたらクリックした分のdivが生成され 3.そのdivの中にimgが入って 4.そのimgはwidth 100%、height 600pxのdiv#contentのエリア上ランダム位置に表

    • 0評価
    • 92PV
    H93 H93 1週間前
  • 受付中

    回答
    1

    IEでflex-box内のitemにpaddingを指定するとカラム落ちする。box-siing:b...

    IEでflex-box内のitemにpaddingを指定するとカラム落ちする。box-siing:border-boxも効かない。どうしよ chromeなどは問題ないのですが IE11でカラム落ち。。。 HTML <div class="flex-wrap"> <div class="flex-basis">ほげ</div> <div

    • 0評価
    • 321PV
    hyksm hyksm 1週間前
  • 解決済

    回答
    1

    Retinaでcanvasタグ内のapngアニメーションが2回実行されてしまう対処

    APNG作成について https://ics.media/entry/2441 apngアニメーションをサイトのロゴとして使っているのですが、 Retinaディスプレイでcanvasタグ内のapngアニメーションが2回繰り返されてしまいます。 通常の解像度ディスプレイでは、1回のみ実行され正常に機能するのですが、ご教授いただけますでしょうか。

    • 0評価
    • 161PV
    s4d s4d 5ヶ月前
  • 受付中

    回答
    1

    CSSだけでサイズ可変・スマホ対応のタブレイアウト

    前提 こちらのページを参考にcssのみでタブ切り替えを制作中です。 ▼CSSだけでサイズ可変・スマホ対応のタブレイアウト http://www.webdlab.com/labs/tab-5/ タブは2つのみ必要で、 コードをそのまま使って、数を減らすとそこまではうまくいきます。 実現したいこと このコードを変えて実現したいことは以下

    • 0評価
    • 58PV
    HealingSalon104 HealingSalon104 1週間前
1

もっと見る

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    4314

  • 総質問数

    868

  • 今週の質問数

    13

関連するタグ

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る