Както може да се види по-долу, границата може да бъде създадена около всеки текст, използвайки HTML и CSS на вашата уеб страница. В примера по-долу сме заобиколили абзац () с червена рамка.
Първи пример с текст, заобиколен от червена рамка.
Този пример също има няколко реда.
За да създадете горния пример, е използван кодът по-долу.
Първи пример с текст, заобиколен от червена рамка.
Този пример също има няколко реда.
В горния код стилът определя размера на границата (px short за пиксел), вида на стила и цвета на рамката. Стилът на границата е начинът, по който се появява границата на екрана. Други видове стилове на граници включват пунктирани, прекъснати, двойни, браздани, хребети, вмъкнати и начални. Цветът на рамката определя цвета, който искате да използвате за границата. В горния пример е използван цветният код # FF0000, който е цветният код за червено.
Дефиниране на стил с помощта на CSS
Появата на елементи на уеб страница може също да се дефинира с вграден CSS. Inline CSS се дефинира във вашия HTML документ, в елемента. Или можете да дефинирате CSS във външен файл с разширение .css . След това можете да се свържете с този файл от всеки HTML документ, а елементите в този документ ще имат достъп до CSS стиловете. Например, със следния CSS код се създава нов клас, наречен "borderexample", който може да се приложи към всеки друг HTML етикет.
.borderexample {border-style: solid; гранично-цвят: # 287EC7; }
Ако използвате горния код, ако искате да приложите този стил на граница към HTML абзац, можете да напишете нещо подобно на примера по-долу.
Ето пример за граница, създадена с помощта на CSS