CSS презентационни правила. Border multiple colors in first task.
Здравейте!
Някой успя ли да се справи с multiple colors border от първата задача?
Аз мисля, че по този начин го решавахме това задание - ЛИНК.
Иначе в този сайт има доста полезни хитринки, тук са показани няколко варианта за подход в този случай - CSS Tricks.
Не става ясно за кой бордър точно питаш. Този на целия контейнер можеш да го направиш като на всяка страна сложиш отделен бодрър. Ако все пак имаш предвид този, който огражда "бутоните" - там трябва да използваш 4 нестнати дива като зададеш на всеки бордър със съответния цвят.
за този който обгражда бутони с три цвята: син, жълт и червен
Цветовете всъщност са четири. Ето два варианта, които работят: линк. Препоръчвам ти да погледнеш линка към CSS Tricks, който е споменат по-горе в коментарите.
Успех!
border: 2px solid red;
box-shadow: 0 0 0 2px yellow,
0 0 0 4px green,
0 0 0 6px blue;
Аз също го направих с box-shadow
box-shadow: 0 0 0 1px #FF6969, 0 0 0 2px #FF0000, 0 0 0 3px #FF8600, 0 0 0 4px #FFFF00, 0 0 0 5px #88C400, 0 0 0 6px #008000, 0 0 0 7px #004B69, 0 0 0 8px #0000FF, 0 0 0 7px #5959FF;
Като го увеличих ми се стори че е с 1px големина на цвят и съответно го направих с тази големина.