Az árnyék css - órák hatása css
CSS Árnyékhatás
A lecke célja, hogy még egy "CSS stíluslap" (CSS) attribútumot mutasson be, amellyel a szokásos elem különleges megjelenést kaphat. Ez az attribútum bóx-árnyék:
Ez az attribútum árnyékot ad az elemhez, és lehet, hogy több árnyék van (vesszővel vannak felsorolva).
Kétféle bejegyzés létezik:
Az első egy eltolódás az X-ben. Shift Y-ban. Az árnyék sugara, rgb a szín, az elmosódás mértéke (0,1-től 1-ig);
Az RGB-szín a Red Green Blue kifejezést jelenti, ha a html-színek generátorát használja. akkor vegye figyelembe, hogy a html kód mellett a szín három vonal is van ezekkel a nevekkel, mindegyikben egy szám. A létrehozott szín kódja vesszővel elválasztott három szám formájában jelenik meg.
Az alábbiakban egy példát mutatunk be, amely egyértelműen bemutatja a fentiekben leírtakat - egy négyzet alakú blokkot, amelyen baloldali árnyék van. Az árnyék fekete lesz (rgba (0,0,0, ...);
Amint a példából is látszik - az árnyék 4 képpont balra és 2 pixel lefelé mozog, és legalább az árnyék színe fekete, de mivel az elmosódottság szintje 0.5, az árnyék színe homályos szürke szín.
Az árnyék másik módja az, hogy az X-vel eltolódik. Shift Y. Blur, sugár, szín.
Például készítsünk egy blokkot, amelynek árnyéka jobb lesz.
Igazából felhívja a figyelmet arra, hogy be lehet állítani az árnyékot és a szöveget. Az alábbiakban egy blokk található a szövegben, és a szöveg bizonyos árnyékparamétereket állít be (1. út). A blokk lekerekített sarkokkal és árnyékkal rendelkezik, és automatikusan "lekerekített".
Az árnyék a blokk és a szöveg körül
Most bizonyítani fogják, hogy egyszerre több árnyékot állíthat be. Ebben a példában kettő lesz, és az egyik árnyék a világos zöld blokk belsejében van.
Az árnyék a blokk belsejében és alatta
A blokk olyan, mint egy háromdimenziós alak.
Nos, végre megkérdezzük az utolsó blokkot még egy árnyékot.
Az árnyék a blokk belsejében, alulról, felett és körül