Keresés


Toplista

Toplista
  • betöltés...

Magántanár kereső

Ha szívesen korrepetálnál, hozd létre magántanár profilodat itt.
Ha diák vagy és korrepetálásra van szükséged, akkor regisztrálj be és írd meg itt, hogy milyen tantárgyban!

IKT-flex

116
Segítsetek index/css-be külön-külön megcsinálni azt a képet,a szöveg alá nem kell!
Feladat kép
Jelenleg 1 felhasználó nézi ezt a kérdést.
0
Középiskola / Informatika

Válaszok

2
<div class="kulso tarto">
    <div class="felso tarto">
        <div class=bal></div>
        <div class=jobb></div>
    </div>
    <div class="also tarto">
        <div class=bal></div>
        <div class=jobb></div>
    </div>
</div>



div.tarto {
    display: flex;
}

div.kulso {
    width: 400px;
    height: 400px;
    flex-direction: column;
}

div.kulso div {
    flex-grow: 1;
}

div.felso div.bal {
    background-color: #51d400;
}

div.felso div.jobb {
    background-color: #ffd62a;
}

div.also div.bal {
    background-color: white;
}

div.also div.jobb {
    background-color: #b02afe;
}
0

<div class=tarto>
    <div class=bal-felso></div>
    <div class=jobb-felso></div>
    <div class=bal-also></div>
    <div class=jobb-also></div>
</div>



div.tarto {
    display: flex;
    flex-wrap: wrap;
    width: 400px;
    height: 400px;
}

div.tarto div {
    width: 50%;
}

div.bal-felso {
    background-color: #51d400;
}

div.jobb-felso {
    background-color: #ffd62a;
}

div.bal-also {
    background-color: white;
}

div.jobb-also {
    background-color: #b02afe;
}
0