Рамка с HTML - как работи
Свързани Видеоклипове: (Юли 2024).
За да направите медиите на уебсайта си по-привлекателни, можете да използвате HTML код, за да нарисувате рамка около него. В този практичен съвет ви показваме как става това и какви предимства предлагат каскадните таблици стилове (CSS) при определяне на рамка.
HTML кодиране - нарисувайте рамки около изображения и други носители
По подразбиране всяко изображение има рамка с ширина един пиксел. Това обаче е видимо само ако изображението се използва като хипервръзка. С атрибута "border" можете индивидуално да определите дебелината на рамката.
- В HTML кодът за десетпикселова черна рамка изглежда така:
- Тази рамка се прилага към всичките четири страни на обекта.
- Като алтернатива можете да използвате програма за редактиране на изображения като Gimp, за да нарисувате рамката около изображението си.
- Моля, обърнете внимание, че това ще увеличи изображението и ще отнеме повече време, докато посетителят на вашия уебсайт изтегли изображението.
![](http://hackzl.com/img/internet/9377/rahmen-mit-html-gehts.webp)
Определете рамката в HTML документа с CSS
Можете да определите рамката - например поле около текст - с каскадни таблици на стила още по-точно.
- Друг практичен съвет ви казва как да интегрирате CSS файл във вашия уебсайт.
- В този CSS документ можете да зададете цвета и дебелината на рамката по различен начин и за четирите страници:
- border-bottom: # 999 - Задава цвета на долната рамка. Тук можете също да използвате "граница отгоре", "граница-дясна" или "граница-ляво".
- ширина на границата: 0 0 тънка тънка - Определя дебелината на линията Това се прави по посока на часовниковата стрелка. Тук това означава, че не се виждат линии отгоре и отдясно, докато в долната и лявата част е дефинирана тънка линия.
- бордюрен стил: няма нито един жлеб на канала - Определя декоративната рамка за вашата снимка или кутия. Стилът "groove" създава 3D ефект.
![](http://hackzl.com/img/internet/9377/rahmen-mit-html-gehts-2.webp)
Началната ви страница естествено живее от присъствието си в мрежата. В следващата статия ще прочетете най-добрите съвети за подобряване на класирането си в Google.