Као што се може видети испод, граница се може креирати око било ког текста користећи ХТМЛ и ЦСС на вашој веб страници. У доњем примеру, окружили смо параграф () са црвеном границом.
Први пример са текстом окруженим црвеном границом.
Овај пример такође има више линија.
Да бисмо направили горњи пример, коришћен је нижи код.
Први пример са текстом окруженим црвеном границом.
Овај пример такође има више линија.
У горњем коду, стил дефинише величину границе (пк схорт за пиксел), тип стила и боју обруба. Стил границе је како се граница појављује на екрану. Остали типови стилова граница су точкасти, испрекидани, двоструки, жљебови, сљемени, уметнути и почетни. Боја обруба одређује боју коју желите да користите за границу. У горњем примеру, коришћен је код боје # ФФ0000, који је код боје за црвено.
Дефинисање стила помоћу ЦСС-а
Појава елемената на веб страници може бити дефинисана инлине ЦСС-ом. Инлине ЦСС је дефинисан у вашем ХТМЛ документу, у елементу. Или, можете дефинисати ЦСС у спољној датотеци, са .цсс екстензијом. Затим можете да се повежете са овом датотеком из било ког ХТМЛ документа, а елементи у том документу ће имати приступ ЦСС стиловима. На пример, са ЦСС кодом испод, креира се нова класа названа "бордерекампле" која се може применити на било коју другу ХТМЛ ознаку.
.бордерекампле {бордер-стиле: солид; бордер-цолор: # 287ЕЦ7; }
Користећи горњи код, ако желите да примените овај стил границе на ХТМЛ ставку, можете да откуцате нешто слично као у доњем примеру.
Ево примера границе направљене помоћу ЦСС-а