Hogyan készítsünk egy doboz Online

Kereteket, amelyek körül helyezkednek el a képek vagy szöveg, díszítik a helyszínen, és vezessen be a sokszínűséget a design. Ha létre a peremén a tábla, a kód minden egyes képkocka fog túl sok helyet. Ebben az esetben is, az egyes keretekhez kell előírni a HTML-kódot. CSS, könnyen lehet, hogy egy keret tetszőleges vastagságú és a kívánt színt egyszer felírni egy egyszerű kódot mindazokat az elemeket, akkor körül ezt a keretet.

Ez a technológia lehetővé teszi, hogy ha szükséges, egy pár percig, hogy módosítsa a formája keretek az oldalon. Hozza létre saját honlap Wix.com

szüksége lesz

  • - van saját honlapja,
  • - tudom, mi CSS és ahol ezek a stílusok vannak írva az oldalon.

oktatás

  • Ahhoz, hogy hozzon létre egy keretet, az első írási a CSS kódot, mint ez: Ramka <>
  • Hogy keret a megfelelő méret, akkor a border-width, amely kijelöli a sort szélessége pixelben. Például, ha a keret sort szélessége 3 képpont, akkor a bejegyzés így fog kinézni:Ramka
  • Most határozzuk meg a stílus, a keret segítségével a border-style. Ha azt szeretnénk, hogy hozzon létre egy keretet, hogy a felek a szokásos folytonos vonalak, majd tegye a kódot a zárójelben ilyen rekord - border-style: szilárd.
  • Keret álló pont is megadásával, így: border-style: pontozott. Megjegyezve, border-style: szaggatott, akkor kap egy pontozott keret.
  • Tedd szegély kettős vonallal, akkor: border-style: dupla. A regisztrációhoz a szöveg vagy kép a keretek a hatása kötet oldalán levelet border-style: barázda vagy border-style: gerincen. A különbség a két lehetőség van, hogy az előbbi esetben a keret áll depressziós vonalak, és a második - a domború.
  • Hogy megteremtse a hatását horpadás együtt a keret elem a helyén, ezt a kódot használja: border-style: süllyesztés. Ahhoz, hogy a tartalmát egy keret a keretben éppen ellenkezőleg domború levelet border-style: kezdettől fogva.
  • Annak érdekében, hogy a kívánt színt lehet keretes paraméter segítségével border-color között elhelyezett merevítők. Ha azt szeretnénk, hogy egy keret piros, levelet border-color: piros, kék - border-color: kék, narancssárga - border-color: narancs.
  • Kód keretek CSS, beleértve az összes paramétert, az alábbiak szerint: A tartalom a keret helyett az „a tartalmát a keret” betét szöveget vagy kódot a kívánt képet.
  • Így lehetséges, hogy adjon ki egy korlátlan számú terméket az oldalon. Megváltoztatni a keret típusát meg kell tenni a változások csak a CSS kódot.

    Kapcsolódó cikkek