Kornizat e vendosura rreth fotove ose tekstit zbukurojnë faqen dhe shtojnë shumëllojshmëri në hartimin e saj. Nëse përdorni tabela për të krijuar kufij, atëherë kodi për secilin kufi do të marrë shumë hapësirë. Gjithashtu, në këtë rast, do t'ju duhet të rishkruani kodin HTML për secilën kornizë. Me CSS, ju lehtë mund të krijoni një kufi të çdo trashësie dhe ngjyre që dëshironi duke shkruar një kod të thjeshtë një herë për të gjithë elementët që do të rrethohen nga ky kufi. Kjo teknologji do të lejojë, nëse është e nevojshme, të ndryshojë llojin e kornizave në sit brenda dy minutash.
Është e nevojshme
- - të keni faqen tuaj në internet;
- - e di se çfarë është CSS dhe ku janë shkruar këto stile në sit.
Udhëzimet
Hapi 1
Për të krijuar një kufi, së pari shkruani kodin e mëposhtëm në CSS:
ramka {}
Hapi 2
Për ta bërë kufirin me madhësinë që dëshironi, përdorni parametrin e gjerësisë së kufirit, i cili vendos gjerësinë e vijës në piksele. Për shembull, nëse vija e kornizës duhet të jetë 3 pixel e gjerë, atëherë hyrja do të duket si kjo:
ramka {gjerësia e kufirit: 3px;}
Hapi 3
Tani përcaktoni stilin e kufirit duke përdorur parametrin e stilit të kufirit. Nëse dëshironi të krijoni një kufi, brinjët e të cilit janë vija të rregullta të ngurta, atëherë vendosni shënimin e mëposhtëm në kodin midis shiritave kaçurrelë - stili i kufirit: i ngurtë.
Hapi 4
Një kufi me pika mund të merret duke e shkruar kështu: stili i kufirit: me pika. Kontrollimi i stilit të kufirit: thye do t'ju japë një kufi të thyer.
Hapi 5
Ju mund ta bëni kufirin një vijë të dyfishtë të fortë si kjo: stili i kufirit: i dyfishtë. Përdorni stilin e kufirit: zakon ose stilin e kufirit: kurriz për të kornizuar tekstin ose imazhet në korniza me efekte anësore 3D. Dallimi midis këtyre dy opsioneve është se në rastin e parë, korniza përbëhet nga linja të prera, dhe në të dytën, ato konvekse.
Hapi 6
Përdorni këtë kod: style-border: insert për të krijuar efektin e një insert-it me kufirin e një elementi të faqes. Për ta bërë përmbajtjen e kufirit, së bashku me kufirin, përkundrazi, konveks, shkruaj stilin e kufirit: fillimi.
Hapi 7
Ju mund të shtoni ngjyrën e dëshiruar në kornizë duke përdorur parametrin e ngjyrës së kufirit, të vendosur gjithashtu midis mbajtësve të kaçurrelave. Nëse doni ta bëni kufirin të kuq, atëherë shkruani ngjyrën e kufirit: e kuqe, blu - ngjyra e kufirit: blu, portokalli - ngjyra e kufirit: portokalli.
Hapi 8
Kodi kufitar CSS, duke përfshirë të gjitha opsionet, duket kështu:
ramka {gjerësia e kufirit: 3px; stili i kufirit: i fortë; ngjyra e kufirit: blu;}
Hapi 9
Tani, në HTML, shkruaj këtë:
Përmbajtja e kornizës Në vend të frazës "Përmbajtja e kornizës", futni tekstin ose kodin e fotos së dëshiruar.
Hapi 10
Kështu, mund të krijoni një numër të pakufizuar të elementeve në sit. Për të ndryshuar pamjen e kornizës, duhet të ndryshoni vetëm kodin CSS.
