2014. február 24., hétfő

#HTML kódok

Halványkék modulstílus. Ha nem sikerül segítek:)

HTML kódja:

<table align="center" border="0" cellpadding="1" cellspacing="1" style="width: 380px; ">
<tbody>
<td class="tablazatfejlec" colspan="2" style="text-align: center;">
Menü neve</td>
</tr>
<tr>
<td class="tablazat" colspan="2" style="text-align: none;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris pulvinar rhoncus risus, vel ornare lacus sagittis sit amet. Duis vel sem magna. Proin pulvinar velit eleifend ligula ultrices vestibulum. Nunc posuere dolor eu mauris feugiat dignissim.</td>
</tr>
</tbody>
</table>

CSS kódja:

<style type="text/css">
.tablazatfejlec {
font-family: georgia; /*betűtípus*/
font-style: italic;  /*betűstílus pl.: dőlt*/
font-size: 15px;
color: #ffffff; /*betű színe*/
text-align: none; /*szöveg elhelyezése pl.: középre*/
background: #87CEEB; /*kereten belüli mező színe*/
 }
.tablazat {
font-family: tahoma; /*betűtípus*/
font-style: normal;  /*betűstílus pl.: dőlt*/
font-size: 12px;
color: #808080; /*betű színe*/
text-align: none; /*szöveg elhelyezése pl.: középre*/
background: #F5F5F5; /*kereten belüli mező színe*/
border-color: #87CEEB; /*keret színe*/
border-style: solid;  /*keret stílusa, pl.: dotted=pontozott*/
 }
</style>


1 megjegyzés: