Table of Contents
|
All Slides
|
Link List
|
Examples
|
CSCI E-75
<< previous
|
next >>
Backgrounds: use tiling and image size
The image (5px × 150px; 254 bytes):
"Normal" size:
"Increased +4":
Example 10.29
Example 10.29 Source:
<table id="stats" > <tr><th rowspan="1" colspan="1" >Year</th><th rowspan="1" colspan="1" >Championship game</th><th rowspan="1" colspan="1" >Score</th></tr> <tr><td rowspan="1" colspan="1" >2008</td><td rowspan="1" colspan="1" >Kansas def. Memphis</td><td rowspan="1" colspan="1" >75-68</td></tr> <tr><td rowspan="1" colspan="1" >2007</td><td rowspan="1" colspan="1" >Florida def. Ohio State</td><td rowspan="1" colspan="1" >84-75</td></tr> <tr><td rowspan="1" colspan="1" >2006</td><td rowspan="1" colspan="1" >Florida def. UCLA</td><td rowspan="1" colspan="1" >73-57</td></tr> <tr><td rowspan="1" colspan="1" >2005</td><td rowspan="1" colspan="1" >UNC def. Illinois</td><td rowspan="1" colspan="1" >75-70</td></tr> <tr><td rowspan="1" colspan="1" >2004</td><td rowspan="1" colspan="1" >UConn def. Georgia Tech</td><td rowspan="1" colspan="1" >82-73</td></tr> <tr><td rowspan="1" colspan="1" >2003</td><td rowspan="1" colspan="1" >Syracuse def. Kansas</td><td rowspan="1" colspan="1" >81-78</td></tr> <tr><td rowspan="1" colspan="1" >2002</td><td rowspan="1" colspan="1" >Maryland def. Indiana</td><td rowspan="1" colspan="1" >64-52</td></tr> <tr><td rowspan="1" colspan="1" >2001</td><td rowspan="1" colspan="1" >Duke def. Arizona</td><td rowspan="1" colspan="1" >82-72</td></tr> <tr><td rowspan="1" colspan="1" >2000</td><td rowspan="1" colspan="1" >Michigan State def. Florida</td><td rowspan="1" colspan="1" >89-76</td></tr> <tr><td rowspan="1" colspan="1" >1999</td><td rowspan="1" colspan="1" >UConn def. Duke</td><td rowspan="1" colspan="1" >77-74</td></tr> <tr><td rowspan="1" colspan="1" >1998</td><td rowspan="1" colspan="1" >Kentucky def. Utah</td><td rowspan="1" colspan="1" >78-69 </td></tr> </table>
In
style
element (
<style type="text/css">
) within
head
element:
#stats th { background-image: url(images/gradient-blue.png); background-repeat: repeat-x; background-position: bottom; padding: 0.25em; } #stats td { border-bottom: thin dotted black; padding: 0.25em; } table { border-collapse: collapse; border: thin solid black; }
Example 10.29 Rendered:
With Styles
Without Styles
Table of Contents
|
All Slides
|
Link List
|
Examples
|
CSCI E-75
<< previous
|
next >>