Reunukset

koodaaja2

Onko mahdollista luoda reunus/border jossa on reunuksen värin sijasta omavalintainen kuva?

6

539

    Vastaukset 6

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • totta kai on

      siis on.

    • div-määrittely

      mutta onnistuu

      Tässä idea:

      Tee kuva jonka koko on 12x12 pikseliä ja tallenna se vaikka nimellä orna (jpg/png)

      Tyylitiedosto

      .orn
      { background: url(orna.png) #3cc;
      color: black;
      border: solid #3cc 1px;
      width: 396 px;
      height: 144 px;
      }

      .orn p
      { margin: 12px;
      padding: 6px;
      background: white;
      color: black;
      width: 360px;
      height: 108px;
      }

      Käyttö:

      < div class="orn">Tähän tulee tekstisisältö

      Kokeile tuota niin saat käsityksen miten homma toimii

      • div-määrittely

        Helskuta kun pitää aina muistaa nuo ylimääräiset välilyönnit jotka tulee poistaa:

        Käyttö

        < div class="orn" >
        < p >
        Tähän tulee tekstisisältö
        < /p >
        < / div >


      • CSS-män
        div-määrittely kirjoitti:

        Helskuta kun pitää aina muistaa nuo ylimääräiset välilyönnit jotka tulee poistaa:

        Käyttö

        < div class="orn" >
        < p >
        Tähän tulee tekstisisältö
        < /p >
        < / div >

        Tässä olisi perinteinen: http://www.aijaa.com/v.php?i=6100302.gif

        Ohut viiva kuvaa taulukon soluja tai div-lohkoja. Paksumpi viiva kehystä, joka on paloiteltu ja on jokaisessa divissä taustakuvana. Noi suorat sivut kun määrittää: repeat-x ja -y, toimii joka tilanteessa.

        Jos taas tekee määrämittaisen, pienehkön lootikon, helppo tapa on tehdä kehys yhtenä taustakuvana (jos ei lähde pilkkuja fiilaan).


      • ......
        CSS-män kirjoitti:

        Tässä olisi perinteinen: http://www.aijaa.com/v.php?i=6100302.gif

        Ohut viiva kuvaa taulukon soluja tai div-lohkoja. Paksumpi viiva kehystä, joka on paloiteltu ja on jokaisessa divissä taustakuvana. Noi suorat sivut kun määrittää: repeat-x ja -y, toimii joka tilanteessa.

        Jos taas tekee määrämittaisen, pienehkön lootikon, helppo tapa on tehdä kehys yhtenä taustakuvana (jos ei lähde pilkkuja fiilaan).

        http://www.aijaa.com/v.php?i=6100302.gif


      • koodaaja2

        Jep, kiitoksia vaan. Olihan tuo aika yksinkertasta. Tuli ajateltua vaan liian monimutkaisesti.


    Ketjusta on poistettu 0 sääntöjenvastaista viestiä.

    Luetuimmat keskustelut

    1. Olivia Oras

      "Yle MOT:n tietojen mukaan Oras oli joutunut sairaalahoitoon helsinkiläisellä kauneusklinikalla tehdyn rasvaimun yhteyde
      Kotimaiset julkkisjuorut
      111
      1554
    2. Sanoppa ihan rohkeasti

      Mun huonot puolet! En suutu…
      Ikävä
      125
      979
    3. Koska muru nähdään

      Kaksin?
      Ikävä
      47
      931
    4. MOT: Nuoren Olivia Oraksen, 27 surullinen kuolema kauneusoperaatiossa :(

      MOT:n tietojen mukaan Oras menetti tajuntansa rasvaimua edeltäneessä puudutuksessa. Hänet kuljetettiin Husiin, ja hän ku
      Maailman menoa
      94
      897
    5. Haluatko että unohdan sinut kokonaan

      Siihen suuntaan ollaan menossa, nyt jo. Ja ehkä parempi näin, niin ei kulu energiaa hukkaan mahdottomuuteen. Ja vaikka j
      Ikävä
      57
      777
    6. Pelkäätkö häntä?

      👍
      Ikävä
      64
      622
    7. Minä vuonna kaivittusi on syntynyt?

      Vastausta tässä kaivataan.
      Ikävä
      42
      621
    8. Ylen typerät rinnastukset.

      Näin YLE…..Saksassa ei ole äärioikeisto ollut vallassa sitten Hitlerin . YLEn toimittajille tiedoksi . Hitler oli Saksan
      Maailman menoa
      235
      610
    9. Olit mulle tärkeä...

      😭
      Ikävä
      34
      607
    10. 49
      577
    Aihe