|
|
<html> <!--Раздел шапки--> <head> <!--Заголовок--> <title>Использование CSS </title>
<!--Здает кодировку документу --> <META http-equiv="content-type" content="text/html; charset=windows-1251"> <!--Внутренние таблицы стилей--> <style type='text/css'> .a1 { text-decoration:none; text-color:blue; } .a1:hover { text-transform:uppercase; text-color:silver; } .a1:link {
text-color:green; } .a1:visited { text-decoration:none; text-color:rgb(11,22,200); } .a2 { text-transform:uppercase; text-decoration:none; text-color:green; } .a2:hover { text-transform:uppercase; text-color:red; } .a2:link {
text-color:green; } .a2:visited { text-decoration:none; text-color:rgb(11,22,200); } .a3 { text-decoration:none; text-color:purple; } .a3:hover { text-transform:uppercase; text-color:red; } .a3:link {
text-color:green; } .a3:visited {
text-color:rgb(11,22,200); } .a4 { text-transform:uppercase; text-decoration:none; text-color:green; } .a4:hover { text-transform:uppercase; text-color:lime; } .a4:link {
text-color:green; } .a4:visited { text-decoration:none; text-color:rgb(11,22,200); } .a5 { text-decoration:none; text-color:yelloy; } .a5:hover { text-transform:uppercase; text-color:red; } .a5:link {
color:green; } .a5:visited { text-decoration:none; text-color:rgb(11,22,200); }
.tab { border:10px solid black; } .t1 { background-color:rgb(206,206,206); } .t2 { background-color:rgb(230,230,230); } </style> </head>
<!--Тело документа--> <body>
<h1 style="font-family:'Times New roman';font-size:20pt; font-weight:bold; color:blue; text-align:center; font-style:italic;"> Использование CSS
<a href='#11' class='a1'>first</a> <a href='#21' class='a2'>index</a> <a href='#31' class='a3'>me</a> <a href='#41' class='a4'>tables</a> <a href='#51' class='a5'>forms</a> </h1>
<table class='tab' cellspacing=5 cellpadding=0> <tr> <td> <table border=1> <tr > <th>№</th> <th>Наименование</th> <th>Цена</th> <th>Колличество</th> <th>Стоимость</th> </tr> <tr> <td class='t1'>1</td> <td class='t1'>Молоко</td> <td class='t1'>22</td> <td class='t1'>5</td> <td class='t1'>110</td> </tr> <tr> <td class='t2'>2</td> <td class='t2'>Хлеб</td> <td class='t2'>20</td> <td class='t2'>9</td> <td class='t2'>180</td> </tr> <tr> <td class='t1'>3</td> <td class='t1'>Сгущенка</td> <td class='t1'>19</td> <td class='t1'>4</td> <td class='t1'>76</td> </tr> <tr> <td class='t2'>4</td> <td class='t2'>Йогурт</td> <td class='t2'>18</td> <td class='t2'>9</td> <td class='t2'>162</td> </tr> <tr> <td class='t1'>5</td> <td class='t1'>Кефир</td> <td class='t1'>15</td> <td class='t1'>5</td> <td class='t1'>75</td> </tr> </table>
</td></tr></table>
</body> </html>
|
© gruppa-43im2009 |