Video: Hantering av ögonläkemedel 2024
Du kan förbättra dina mönster i Dreamweaver och ge dina sidor större djup genom att lägga till droppskuggor till bilder, taggar och andra element. Lägga till textskuggor gör dina ord enklare att läsa, speciellt om din design har en komplex bakgrund eller förgrunden och bakgrundsfärgerna saknar kontrast.
Dreamweaver CC ger bättre stöd och integration av CSS3-fallskuggor och textskuggor från den nya CSS Designer-panelen.
Du kan skapa klass- eller ID-stilar med textskuggor och du kan lägga till textskuggor till befintliga HTML-element genom att definiera en taggstil, till exempel rubrik 1-stil som ses här. CSS3-koden som skapar den textskuggan är
h1 {text-skugga: 2px 2px 2px # 000;}
Numren i koden anger att textskuggan ska sträcka 2 pixlar åt höger och 2 pixlar under text med 2-pixels oskärpa. Dessutom skapas skuggan med färg svart, specificerad av den förkortade hexadecimal färgkoden # 000.
När du skapar regler för textskuggor kan du ange upp till fyra värden:
-
horisontellt och vertikal : De två första värdena krävs och specificerar horisontalen och vertikala förskjutningar - det avstånd som fallskuggan sträcker sig under texten (vertikal ) och till höger om texten (horisontellt).
-
oskärpa radie : Det tredje värdet anger mängden oskärpa i skuggan. Om du inte inkluderar oskärpa radie är standard 0, vilket gör att skuggan visas som en helfärgad färg.
-
färg : Det fjärde värdet anger skuggans färg och kan definieras med en hexadecimal färgkod eller en RGBa-färgkod.
Välja en RGBa-färg för färgalternativet ger dig större kontroll över skuggans utseende eftersom du kan lägga till öppenhet.
Du kan lägga till en textskugga med Egenskaper-panelen längst ner på CSS Designer-panelen. Gör så här:
-
Bläddra ner till Text-Shadow-delen på panelen CSS Designer Properties.
-
Ange storleken på skuggan som du vill visa med hjälp av H-skuggans (horisontella) och V-skuggans (vertikala) fält.
-
Lägg till mängden oskärpa du vill ha för din textskugga genom att ange en storlek i Blur-fältet.
-
Klicka på färgbrunnen och välj den färg du vill använda i textskuggan.
