1. Location:
  2. / Computer learning >> Computer læring >> Kendskab til programmering >> Programmeringssprog >> htmlcss >>

css baggrund

, dette kapitel lærer dig at sætte baggrund af forskellige html elementer.du kan sætte følgende baggrund egenskaber for et element &minus,,,,, baggrund, farve, er ejendom, der anvendes til at fastlægge den baggrund farve som et element.,,,, baggrund, image, er ejendom, der anvendes til at fastlægge den baggrund billede af et element,.,,,, baggrund gentager, ejendom benyttes for at kontrollere en gentagelse af et billede i baggrunden.,,,, baggrund, ejendom benyttes til at kontrollere den holdning, som et billede i baggrunden.,,,, baggrund, udlæg, ejendom benyttes til at kontrollere nedad af et billede i baggrunden.,,,, baggrund, er ejendom anvendes som en forenkling at præcisere en række andre baggrund egenskaber.,,, der er baggrunden farve, følger det eksempel, som viser, hvordan der baggrund color for et element. < html > < head > < krop > < p, stil = "baggrund farve: gul," > denne tekst er en gul baggrund farve. < /p > < /organ > < /head > < html >,, det giver følgende resultat −,, der er baggrunden billede, kan vi sætte baggrund image ved at lokale lagrede billeder som vist nedenfor, < html > < hoved > < stil > organ {baggrund billede: url ("/css /images /css jpg"); baggrund farve:&#cccccc;} < /stil > < krop > < h1 > - verden!< /h1 > < /organ > < /head > < html > det giver følgende resultat −,, gentager den baggrund image, følgende eksempel viser, hvordan til at gentage den baggrund image, hvis et billede er små.You can use ,no-repeat, value for ,background-repeat, property if you don't want to repeat an image, in this case image will display only once.,By default ,background-repeat, property will have ,repeat, value., <html> <head> <style> body { background-image: url("/css/images/css.jpg"); background-repeat: repeat; } </style> </head> <body> <p>Tutorials point</p> </body> </html> , ,It will produce the following result −, ,The following example which demonstrates how to repeat the background image vertically., <html> <head> <style> body { background-image: url("/css/images/css.jpg"); background-repeat: repeat-y; } </style> </head> <body> <p>Tutorials point</> </body> </html> , ,It will produce the following result −, ,The following example demonstrates how to repeat the background image horizontally., <html> <head> <style> body { background-image: url("/css/images/css.jpg"); background-repeat: repeat-x; } </style> </head> <body> <p>Tutorials point</> </body> </html> , ,It will produce the following result −, ,Set the Background Image Position,The following example demonstrates how to set the background image position 100 pixels away from the left side., <html> <head> <style> body { background-image: url("/css/images/css.jpg"); background-position:100px; } </style> </head> <body> <p>Tutorials point</> </body> </html> , ,It will produce the following result −, ,The following example demonstrates how to set the background image position 100 pixels away from the left side and 200 pixels down from the top., <html> <head> <style> body { background-image: url("/css/images/css.jpg"); background-position:100px 200px;} < /stil > < /head > < krop > < p > tutorials punkt < /> < /organ > < /html > det vil få følgende resultat −,, der er baggrunden for tillæg, baggrund tillæg afgør, hvorvidt en baggrund image er faste eller ruller med resten af side. følgende eksempel viser, hvordan at fastsætte faste baggrund billede. <!doctype html > < html > < head > < stil > organ {baggrund billede: url (» /css /images /css jpg); baggrund gentager: ikke gentages; baggrund tillæg: fast;} < /stil > < /head > < krop > < p > baggrunden image er fastsat.prøv at rulle ned af siden. < /p > < p > baggrunden image er fastsat.prøv at rulle ned af siden. < /p > < p > baggrunden image er fastsat.prøv at rulle ned af siden. < /p > < p > baggrunden image er fastsat.prøv at rulle ned af siden. < /p > < p > baggrunden image er fastsat.prøv at rulle ned af siden. < /p > < p > baggrunden image er fastsat.prøv at rulle ned af siden. < /p > < p > baggrunden image er fastsat.prøv at rulle ned af siden. < /p > < p > baggrunden image er fastsat.prøv at rulle ned af siden. < /p > < p > baggrunden image er fastsat.prøv at rulle ned af siden. < /p > < /organ > < /html >,, det giver følgende resultat −, følgende eksempel viser, hvor at sætte nedad baggrund billede. <!doctype html > < html > < head > < stil > organ {baggrund billede: url (» /css /images /css jpg); baggrund gentager: ikke gentages; baggrund tillæg: fast; baggrund tillæg: rullen.}.< /stil > < /head > < krop > < p > baggrunden image er fastsat.prøv at rulle ned af siden. < /p > < p > baggrunden image er fastsat.prøv at rulle ned af siden. < /p > < p > baggrunden image er fastsat.prøv at rulle ned af siden. < /p > < p > baggrunden image er fastsat.prøv at rulle ned af siden. < /p > < p > baggrunden image er fastsat.prøv at rulle ned af siden. < /p > < p > baggrunden image er fastsat.prøv at rulle ned af siden. < /p > < p > baggrunden image er fastsat.prøv at rulle ned af siden. < /p > < p > baggrunden image er fastsat.prøv at rulle ned af siden. < /p > < p > baggrunden image er fastsat.prøv at rulle ned af siden. < /p > < /organ > < /html >,, det giver følgende resultat −,, stenografere ejendom, du kan bruge den, baggrund, ejendomsret til hele baggrunden egenskaber på én gang.for eksempel −, < p, stil = "baggrund: url (/images /pattern1. gif) gentager fastsat;" > dette parapgraph har fastsat gentagne baggrund image.< /p >,,



Previous:
Next Page: