Muafaka uliowekwa karibu na picha au maandishi hupamba wavuti na kuongeza anuwai kwa muundo wake. Ikiwa unatumia meza kuunda mipaka, basi nambari ya kila mpaka itachukua nafasi nyingi. Pia, katika kesi hii, itabidi uandike nambari ya HTML kwa kila fremu. Ukiwa na CSS, unaweza kuunda kwa urahisi mpaka wa unene na rangi unayotaka kwa kuandika nambari rahisi mara moja kwa vitu vyote ambavyo vitazungukwa na mpaka huu. Teknolojia hii itaruhusu, ikiwa ni lazima, kubadilisha aina ya muafaka kwenye wavuti kwa dakika chache.
Ni muhimu
- - kuwa na tovuti yako mwenyewe;
- - ujue CSS ni nini na mitindo hii imeandikwa wapi kwenye wavuti.
Maagizo
Hatua ya 1
Ili kuunda mpaka, kwanza andika nambari ifuatayo katika CSS:
ramka {}
Hatua ya 2
Ili kufanya mpaka uwe wa ukubwa unaotaka, tumia parameter ya upana wa mpaka, ambayo huweka upana wa mstari kwa saizi. Kwa mfano, ikiwa laini ya sura inapaswa kuwa na saizi 3 kwa upana, basi ingizo litaonekana kama hii:
ramka {upana wa mpaka: 3px;}
Hatua ya 3
Sasa fafanua mtindo wa mpaka ukitumia kigezo cha mtindo wa mpaka. Ikiwa unataka kuunda mpaka ambao pande zake ni laini laini za kawaida, kisha weka kiingilio kifuatacho kwenye nambari kati ya braces zilizopindika - mtindo wa mpaka: imara.
Hatua ya 4
Mpaka wenye nukta unaweza kupatikana kwa kuandika hivi: mtindo wa mpaka: wenye nukta. Kuangalia mtindo wa mpaka: dashed itakupa mpaka uliopasuka.
Hatua ya 5
Unaweza kufanya mpaka kuwa laini laini mara mbili kama hii: mtindo wa mpaka: mara mbili. Tumia mtindo wa mpaka: mtaro au mtindo wa mpaka: kigongo kutengeneza maandishi au picha kwenye fremu zilizo na athari za 3D. Tofauti kati ya chaguzi hizi mbili ni kwamba katika kesi ya kwanza, sura hiyo ina mistari iliyowekwa ndani, na kwa pili, ile ya mbonyeo.
Hatua ya 6
Tumia nambari hii: mtindo wa mpaka: inset kuunda athari ya kuingiza na mpaka wa kipengee cha wavuti. Ili kutengeneza yaliyomo mpakani, pamoja na mpaka, badala yake, mbonyeo, andika mtindo wa mpaka: mwanzo.
Hatua ya 7
Unaweza kuongeza rangi inayotakiwa kwenye fremu ukitumia kigezo cha rangi ya mpaka, pia imewekwa kati ya braces zilizopindika. Ikiwa unataka kufanya mpaka uwe mwekundu, kisha andika rangi ya mpaka: nyekundu, bluu - rangi ya mpaka: bluu, machungwa - rangi ya mpaka: machungwa.
Hatua ya 8
Nambari ya mpaka wa CSS, pamoja na chaguzi zote, inaonekana kama hii:
ramka {upana-mpaka: 3px; mtindo wa mpaka: imara; rangi ya mpaka: bluu;}
Hatua ya 9
Sasa, katika HTML, andika hii:
Maudhui ya fremu Badala ya kifungu "Maudhui ya fremu", ingiza maandishi au nambari ya picha unayotaka.
Hatua ya 10
Kwa hivyo, unaweza kubuni idadi isiyo na ukomo ya vitu kwenye wavuti. Ili kubadilisha muonekano wa sura, unahitaji tu kubadilisha nambari ya CSS.
