Reunukset

koodaaja2

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

6

540

    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
      154
      2074
    2. 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
      124
      1162
    3. Sanoppa ihan rohkeasti

      Mun huonot puolet! En suutu…
      Ikävä
      135
      1135
    4. Koska muru nähdään

      Kaksin?
      Ikävä
      47
      981
    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ä
      72
      948
    6. Minä vuonna kaivittusi on syntynyt?

      Vastausta tässä kaivataan.
      Ikävä
      58
      862
    7. Millä nimellä

      kutsut kaivattuasi omassa mielessäsi?
      Ikävä
      38
      717
    8. Pelkäätkö häntä?

      👍
      Ikävä
      72
      693
    9. Olit mulle tärkeä...

      😭
      Ikävä
      34
      687
    10. Ylen typerät rinnastukset.

      Näin YLE…..Saksassa ei ole äärioikeisto ollut vallassa sitten Hitlerin . YLEn toimittajille tiedoksi . Hitler oli Saksan
      Maailman menoa
      245
      674
    Aihe