css less notepad css plugin

Устал от работы? Отвлекись! Поиграй в flash игры онлайн.

Стиль таблицы CSS

Март 20, 2013 | Автор admin рубрика: CSS примеры и сниппеты

Красивый пример CSS стиля для таблицы

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 <html lang="en">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
 <title>The Very Best Eggnog</title>
 <style type="text/css">
 body
 {
 	font: .8em "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
 }
 
 ol
 {
 	margin:0;
 	padding: 0 1.5em;
 }
 
 table
 {
 	color:#FFF;
 	background:#C00;
 	border-collapse:collapse;
 	width:647px;
 	border:5px solid #900;
 }
 
 thead
 {
 
 }
 
 thead th
 {
 	padding:1em 1em .5em;
  	border-bottom:1px dotted #FFF;
  	font-size:120%;
  	text-align:left;
 }
 
 
 
 thead tr
 {
 
 }
 
 td
 {
 	padding:.5em 1em;
 }
 
 
 
 tbody tr.odd td
 {
 	background:transparent url(tr_bg.png) repeat top left;
 }
 
 tfoot
 {
 
 }
 
 tfoot td
 {
 
 	padding-bottom:1.5em;
 }
 
 tfoot tr
 {
 
 }
 
 
 * html tr.odd td
 {
 	background:#C00;
 	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='tr_bg.png', sizingMethod='scale');
 }
 
 
 #middle
 {
 	background-color:#900;
 }
 
 
 
 </style>
 </head>
 <body>
 <h1>The Very Best Eggnog</h1>
 <table>
 <col>
 <col id="middle">
 <col>
 <thead>
 
 	<tr><th>Ingredients</th><th>serves 12</th><th>serves 24</th></tr>
 </thead>
 <tfoot>
 	<tr><td colspan="3"><ol>
 		<li>Combine milk and spices including vanilla bean in a heavy saucepan and let them infuse over lowest possible heat for 5 minutes. Meanwhile, combine yolks and sugar in a large bowl and whisk until mixed.</li>
 		<li>Bring milk to a boil and gradually whisk it into the yolk mixture. Return the mixture to the saucepan. Cook over medium heat, stirring steadily with a wooden spoon, for 2 to 3 minutes, or until foam subsides and mixture thickens to consistency of heavy cream. (Mixture should thickly coat the back of a wooden spoon.) Do not boil, or mixture will curdle.</li>
 		<li>Strain mixture into a large bowl and let cool to room temperature. Stir in rum, brandy, half-and-half, vanilla and nutmeg.</li>
 
 		<li>Refrigerate eggnog for at least 2 hours, preferably overnight. Just before serving, dust top of eggnog with additional nutmeg.</li>
 		</ol></td></tr>
 </tfoot>
 <tbody>
 		<tr><td>milk</td><td>1 quart</td><td>2 quart</td></tr>
 		<tr class="odd"><td>cinnamon sticks</td><td>2</td><td>1</td></tr>
 
 		<tr><td>vanilla bean, split</td><td>1</td><td>2</td></tr>
 		<tr class="odd"><td>cloves</td><td>5</td><td>10</td></tr>
 		<tr><td>mace</td><td>10 blades</td><td>20 blades</td></tr>
 		<tr class="odd"><td>egg yolks</td><td>12</td><td>24</td></tr>
 
 		<tr><td>cups sugar</td><td>1 ½ cups</td><td>3 cups</td></tr>
 		<tr class="odd"><td>dark rum</td><td>1 ½ cups</td><td>3 cups</td></tr>
 		<tr><td>brandy</td><td>1 ½ cups</td><td>3 cups</td></tr>
 
 		<tr class="odd"><td>vanilla</td><td>1 tbsp</td><td>2 tbsp</td></tr>
 		<tr><td>half-and-half or light cream</td><td>1 quart</td><td>2 quart</td></tr>
 		<tr class="odd"><td>Freshly grated nutmeg to taste</td><td></td><td></td></tr>
 </tbody>
 </table>
 
 
 </body>
 </html>

Добавить комментарий