Kā redzams zemāk, jebkurā tekstā var izveidot robežu, izmantojot tīmekļa lapu HTML un CSS. Tālāk redzamajā piemērā mēs esam ieskauj punktu () ar sarkanu apmali.
Pirmais piemērs ar tekstu, ko ieskauj sarkana robeža.
Šajā piemērā ir arī vairākas rindas.
Lai izveidotu iepriekš minēto piemēru, tika izmantots tālāk redzamais kods.
Pirmais piemērs ar tekstu, ko ieskauj sarkana robeža.
Šajā piemērā ir arī vairākas rindas.
Iepriekš minētajā kodā stils definē robežu (pikseļu īsais teksts), stila veidu un robežu krāsu. Robežu stils ir tas, kā uz ekrāna parādās robeža. Cita veida robežu stili ietver punktētas, saplēstas, dubultas, rievas, kores, ieliktņus un sākumus. Robežu krāsa nosaka krāsu, kuru vēlaties izmantot robežu. Iepriekš minētajā piemērā tika izmantots krāsu kods # FF0000, kas ir sarkanā krāsojuma kods.
Stila definēšana, izmantojot CSS
Web lapu elementu izskatu var definēt arī ar CSS. Inline CSS ir definēts jūsu HTML dokumentā elementā. Vai arī varat definēt CSS ārējā failā ar paplašinājumu .css . Pēc tam varat izveidot saiti uz šo failu no jebkura HTML dokumenta, un šī dokumenta elementi varēs piekļūt CSS stiliem. Piemēram, ar zemāku CSS kodu tiek veidota jauna kategorija ar nosaukumu "borderexample", ko var piemērot jebkuram citam HTML tagam.
.borderexample {border-style: ciets; rāmja krāsa: # 287EC7; }
Izmantojot iepriekš minēto kodu, ja vēlaties izmantot šo robežu stilu HTML rindkopai, jūs varat ierakstīt kaut ko līdzīgu zemāk redzamajam piemēram.
Šeit ir piemērs robežai, kas izveidota, izmantojot CSS