odkazy HTML CSS Ukázky Cvičení Test Odkazy Pyramidy Zahrady Chrám color blue white black chocolate sienna brown maroon text-decoration underline none font-family Arial Times New Roman Verdana Comic Sans MS serif sans-serif font-size font-weight normal bold font-style normal italic text-shadow none 1px 1px 0px chocolate; 1px 1px 0px brown; 1px 1px 0px black; 1px 1px 1px chocolate; 1px 1px 1px brown; 1px 1px 1px black; 0px 0px 2px chocolate; 0px 0px 2px brown; 0px 0px 2px black; 0px 0px 4px chocolate; 0px 0px 4px brown; 0px 0px 4px black; background-color transparent white khaki goldenrod tan peru border none 1px solid black 1px solid brown 2px solid brown 3px double brown border-radius padding margin display inline inline-block block list-item list-style-type disc circle square width auto 100px 150px text-align left center float none left Změna při najetí myší Pyramidy Zahrady Chrám text-decoration underline none color blue black chocolate sienna brown maroon firebrick red background-color transparent white khaki goldenrod tan peru border-color black red gold maroon text-shadow none 1px 1px 0px brown; 1px 1px 1px brown; 0px 0px 2px brown; 0px 0px 4px chocolate; Pozvolná změna při najetí myší Pyramidy transition 1s 2s 3s background-color 3s Obrázky na pozadí Pyramidy Zahrady Chrám background-image none url(trojuhelnik.jpg) url(sipka1.png) url(sipka2.png) url(textura1.png) url(textura2.png) background-repeat repeat no-repeat repeat-x repeat-y background-position left top left center left bottom right top right center right bottom center top center center center bottom background-size auto 100% 100% cover contain Barevný přechod - gradient Pyramidy Zahrady Chrám text-align left right center color black white maroon #F8F0ED #241917 background-image none linear-gradient(to bottom, #6E4941, #DAC6BB) linear-gradient(to top, #6E4941, #DAC6BB) linear-gradient(to right, #6E4941, #DAC6BB) linear-gradient(to left, #6E4941, #DAC6BB) linear-gradient(to bottom right, #4F1308, #DAC6BB) linear-gradient(to bottom left, #4F1308, #DAC6BB) linear-gradient(to right, #4F1308, #DAC6BB, brown) linear-gradient(to right, #4F1308, #DAC6BB, #4F1308) linear-gradient(to bottom, #4F1308, #DAC6BB, #4F1308) linear-gradient(to right bottom, #4F1308, #DAC6BB, #4F1308) linear-gradient(to right, #4F1308, #DAC6BB) linear-gradient(to right, #4F1308 25%, #DAC6BB) linear-gradient(to right, #4F1308 75%, #DAC6BB) linear-gradient(to right, #6E4941 25%, #DAC6BB 25%) linear-gradient(to right, #6E4941 75%, #DAC6BB 75%) linear-gradient(to right bottom, #6E4941 50%, #DAC6BB 50%) linear-gradient(to right bottom, #6E4941 85%, #DAC6BB 85%) linear-gradient(315deg, #DAC6BB 30px, #6E4941 30px) linear-gradient(45deg, #DAC6BB 30px, #6E4941 30px) linear-gradient(135deg, #DAC6BB 30px, #6E4941 30px) linear-gradient(225deg, #DAC6BB 30px, #6E4941 30px) linear-gradient(to right bottom, #6E4941 50%, #DAC6BB 85%, brown) linear-gradient(to right bottom, #6E4941 50%, #DAC6BB 50%, #DAC6BB 85%, brown 85%) linear-gradient(to right bottom, #6E4941 50%, #DAC6BB 50%, #6E4941) linear-gradient(to right bottom, #6E4941 50%, #DAC6BB 50%, #DAC6BB 85%, #6E4941 85%) radial-gradient(#DAC6BB, #6E4941) radial-gradient(#6E4941, #DAC6BB) radial-gradient(circle, #DAC6BB, #6E4941) radial-gradient(circle closest-side, #DAC6BB, #6E4941) radial-gradient(elipse closest-side, #DAC6BB, #6E4941) radial-gradient(circle, #DAC6BB 50%, #6E4941) radial-gradient(circle, #DAC6BB 50%, #6E4941 85%) radial-gradient(circle closest-side, #DAC6BB 70%, #6E4941) radial-gradient(circle closest-side, #DAC6BB 100%, #6E4941 100%) radial-gradient(ellipse closest-side, #DAC6BB 100%, #6E4941 100%) radial-gradient(circle closest-side, #DAC6BB 70%, #6E4941 70%) radial-gradient(circle at right, #DAC6BB 50%, #6E4941 50%) radial-gradient(circle at right, #DAC6BB 70%, #6E4941 70%) radial-gradient(circle at right, #DAC6BB 80px, #6E4941 80px) radial-gradient(circle at bottom right, #DAC6BB 80px, #6E4941 80px) radial-gradient((circle at bottom right, #DAC6BB 25%, #6E4941 25%) radial-gradient(circle at bottom right, #DAC6BB 80%, #6E4941 80%)