ppt课件-fonts,colors,graphics.pptVIP

Chang-Yang Lin * Chang-Yang Lin * Chang-Yang Lin * Chang-Yang Lin * Chang-Yang Lin * Chang-Yang Lin * Chang-Yang Lin * Chang-Yang Lin * Chang-Yang Lin * Chang-Yang Lin * Chang-Yang Lin * Chang-Yang Lin * Chang-Yang Lin * Chang-Yang Lin * Chang-Yang Lin * Chang-Yang Lin, EKU * Setting the Image Margins To set the size of the margins around an element, use the styles: margin-top: length; margin-right: length; margin-bottom: length; margin-left: lengthor margin: top right bottom left img src=“about.jpg” style=“float: right;margin: 0 0 5 15 Chang-Yang Lin, EKU * Setting the Image Size To set the size of an image: img src=“URL” alt=“text”height=“value” width=“value” Height and width attributes instruct the browser to display an image at a specific size. When a browser encounters an image, it calculates the image size and then uses this information to format the page. If the dimension is included, the browser displays the image faster. Chang-Yang Lin, EKU * Inserting a Background Image Insert a background image:background-image: url(url) Control the tiling of the background image:background-repeat: typetype is repeat (default), repeat-x, repeat-y, or no-repeat Place the background image in a specific location:background-position: horizontal verticalSpecify a position as the distance from the top-left corner, a %, or using a keyword (left center right for horizontal; top center bottom for vertical) Chang-Yang Lin, EKU * Inserting a Background Image Control whether the background image scrolls:background-attachment: typetype is scroll (default) or fixed Place all of the background image:background: color image-file  repeat attachment position body style=“color: rgb(153,102,102);background: white url(draft.jpg) no-repeat fixed center center” rides.htm karts.htm water.htm Image map pointing to multiple pages Chang-Yang Lin, EKU * An Example of a Image Map an example of a park map that visitors can easily find their way to the different att