Hvordan lage en skygge for en tabell i Dreamweaver

Webmasters bruke tabeller på websider for å justere og vise tekst- og siden designelementer, inkludert grafikk og bilder. Hvis du ønsker å lage en tabell skiller seg ut på en webside, legger en skygge effekt rundt bordet. Lag en skygge for en tabell i Adobe Dreamweaver webdesign søknad med programmets CSS (Cascading Style Sheets) boks skygge funksjon.

Bruksanvisning

1 Start Adobe Dreamweaver og åpne websiden inneholder bordet der du vil legge til skygge.

2 Klikk på "Design" i displayet menylinjen for å vise websiden på samme måte som det ser ut på nettet.

3 Klikk og markere tabellen som du vil redigere.

4 Klikk på "CSS Styles" i høyre meny. Velg "Box-Shadow" fra rullegardinmenyen under "Border Kategori" i CSS Styles panelet.

5 Klikk på "+" ikonet. Skriv inn din foretrukne tallverdier for skyggens X-Offset, Y-Offset og Spre Radius i de relevante tekstbokser. Hver verdi endrer skjermpiksel størrelsen og plasseringen av skyggeeffekt rundt bordet. Eksperimenter til du får riktig effekt for skyggen ved å se på tabellen på side som du endre verdiene. Sett farge for skyggeeffekt ved å klikke på fargeknappen og velge ønsket farge fra fargepaletten.

6 Klikk "Fil" i hovedmenyen, velg deretter "Lagre" for å lagre endringene.

Hint

  • Hvis du bruker en skygge til mer enn ett bord, holde skyggeeffekter samme form og størrelse til å opprettholde en konsistent design på tvers av nettstedet.