ПредишенСледващото

Поздравявам ви. Изглежда, на страниците на блога си, не съм описал как да си направим декоративни граници в CSS, и ако е така, то това е темата на днешната си статия.

Добре, за да започнете, ние се нуждаем подпори, така да се каже днес, тъй като подпори ще направи моя снимка и снимка декоративна рамка. Ето кои са те:

Както се прави с CSS декоративна рамка (гранично-изображение)

Както се прави с CSS декоративна рамка (гранично-изображение)

Тук съм в четвърти клас, това беше преди около 10 години. Аз бях отличен ученик учи в момента, така че аз снимана за училищното настоятелство на честта, по мое мнение. С една дума, ние сега сме, така да се каже, във въздуха се направи рамка за тази снимка.

Осъществяване на самата рамка

Картографиране информация какво да кажа, има само картинката:

Но от CSS-код, който прави цялата работа е по-ценно да се каже:

На първо място, да направите изображение блок, така че да може да се прилага рамката. На второ място, не забравяйте да посочите стандартна рамка. Трябва да се регистрирате, че по-дебели, как дебел искате да видите декоративна рамка. Стил и цвят, ние не са особено важни, тъй като те все още няма да се вижда, но все пак те трябва да се регистрирате.

Следващият ред код е най-важното за нас - това е работа по-голямата част на рамката. Както можете да видите, че това е почти същото като референтен фона на CSS - използвайки думите на адреса и пътя към изображението. Следващият параметър е необходимо да се регистрирате на дебелината на рамката отново, но без пиксела. просто число. параметър Posdeny - вида на рецидив. Тук има 3 стойности:

  1. Повтарям - рисуване страни на рамката, ще бъдат повторени, ако размерът е по-малко от елемента, към които се прилага това.
  2. разтегнете - рисунка ще се протегна. Ако размерите на рамката е по-малко от елемента, тъй като това може да бъде влошаване.
  3. кръг - повтарящ се модел, така че да се побере цяло число брой повторения.

Честно казано, това е трудно да се обясни всичко с думи. По-добре практика, опитайте се да се регистрирате в включите всички стойности за рамки и бързо да разберат, тъй като те работят.
Това е, което ние имаме:

Както се прави с CSS декоративна рамка (гранично-изображение)

За по-добро разбиране

Можете да разберете много по-бързо с декоративни рамки, ако potreniruetes използването на този сайт. Тук можете да качите своя снимка рамка определят различна дебелина страни, размер, повторение и т.н.

И как да се направи кръгла кутия?

Имайте предвид, че граничен радиус собственост могат само да завършвам самата картина, но в никакъв случай не на рамката. Просто граничен радиус засяга само обичайната масивна рамка, но не и декоративни.

Съответно, единствената ви възможност - първоначално се намери на интернет кръг на рамката.

Можете също така да се интересуват от

Както се прави с CSS декоративна рамка (гранично-изображение)

Свързани статии

Подкрепете проекта - споделете линка, благодаря!