Reunukset

koodaaja2

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

6

487

Äänestä

    Vastaukset

    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ä.

    Takaisin ylös

    Luetuimmat keskustelut

    1. Tänään pyörit ajatuksissa enemmän, kun erehdyin lukemaan palstaa

      En saisi, silti toivon että sinä vielä palaat ja otetaan oikeasti selvää, hioituuko särmät ja sulaudummeko yhteen. Vuod
      Ikävä
      31
      5959

    2. Huomenta ihana

      Kauniskasvoinen ihanuus 😘 saan sut vielä
      Ikävä
      34
      5463

    3. Hei rakas...

      Miten on työpäivä sujunut? Rakastan sinua 💗
      Ikävä
      29
      3084

    4. Edelleen sitä on vaikea uskoa

      Että olisit oikeasti rakastunut muhun
      Ikävä
      34
      2464

    5. Ei tämä etene ikinä

      Kun kumpikaan ei enää ota yhteyttä. Mä en ainakaan uskalla.
      Ikävä
      44
      2317

    6. Toiveikas vai toivoton

      torstai? Ajatuksia?
      Ikävä
      37
      2128

    7. Vitsi mihin menit. Heti takasin.

      Mä näin sut tuu takasin! Oli kiire, niin en ehtiny sin perään!
      Ikävä
      15
      2108

    8. Mukavaa päivää

      Mun rakkauden kohteelle ❤️ toivottavasti olet onnellinen
      Ikävä
      12
      1711

    9. Voi ei! Jari Sillanpää heitti keikan Helsingissä - Hämmästyttävä hetki lavalla...

      Ex-tangokuningas on parhaillaan konserttikiertueella. Hän esiintyi Savoy teatterissa äitienpäivänä. Sillanpää jakoi kons
      Suomalaiset julkkikset
      39
      1696

    10. En ole koskaan kokenut

      Ennen mitään tällaista rakastumista. Tiedän että kaipaan sinua varmaan loppu elämän. Toivottavasti ei tarvitsisi vain ka
      Ikävä
      19
      1687
    Aihe
    TietosuojaselosteKäyttöehdotEvästeasetuksetSäännöt