Kuidas luua veebiplaani vari

Varju lisamine teie veebilehe tabelisse võib anda sellele veidi popi. CSS3 "box-shadow" omadusega saate lisada ükskõik millisele kasti elemendile kohandatava varju ilma piltide kasutamiseta. Kast-vari vara töötab kõigis suuremates brauserites, mis toetavad CSS3. Kui lisate lauale kasti-varju, loob see terve laua alla varju. Varju ei kohaldata tabeli üksikute ridade või lahtrite suhtes.

1.

Lisage oma tabelisse CSS3 kasti-vari element. Kui kasutate oma tabeli ID-d või klassi, saate lisada sellele kasti-vari elemendi. Kui teie lehel on ainult üks tabel või soovite, et igal laual oleks sama stiil, võite lisada oma tabelisse "tabeli" määratluse. Näiteks:

tabel {laius: 50%; kasti vari: 1tx 1px 1px #CCCCCC; }

Kui teie tabelis pole muud CSS-stiili, on kõige lihtsam viis kasutada siltis atribuuti "stiil" järgmiselt:

2.

Seadke varju horisontaalne ja vertikaalne asend elemendi kahe esimese väärtusega. Need on ainsad kaks nõutavat elementi. Valikuliselt saate varju hägususe seadmiseks lisada kolmanda väärtuse ja varju suuruse neljandiku. Võite oma varjule lisada ka valikulise värvi. Kokkuvõttes näeks teie kõige keerulisem vari midagi sellist:

tabel {box-shadow: 2px 2px 4px 4px # 8CCCC8; }

3.

Salvestage oma leht ja vaadake seda oma veebibrauseris, et näha varju. Varjud võivad olla peened; suuruse muutmine piksliga või varju värvi muutmine võib olla erinevus peene suurenduse ja juustuva efekti vahel.

Vihje

  • Varju saab rakendada ka tabeli lahtritele ja ridadele.

Hoiatus

  • Karbi varju omadus ei tööta Internet Explorer 8 versioonide ja madalamate versioonidega. Nendes brauserites muudab tabel ilma varjuta.
 

Jäta Oma Kommentaar