Táblázat formázása css kódban
2013.04.07. 21:01
Ez egy próba |
Ez egy másik próba |
Ennek a kódja könnyű. Nincs más választásod, mint bemásolni ezt a kódrészletet a modulodba és neked megfelelően alakítgatni. Egy kis segítség:
HTML kódban:
align="center" /*a táblázatod igazítása*/
border="0" /*a keret mérete*/
style="width: 380px; /*a keret szélessége*/
text-align: center; /*a szöveg elhelyezkedése, itt középpen van*/
CSS kódban:
Odaírtam a kód mellé. :)
És akkor íme a kód:
Táblázat kód:
<table align="center" border="0" cellpadding="1" cellspacing="1" style="width: 380px; ">
<tbody>
<tr>
<td class="tablazat" colspan="2" style="text-align: center;">
Ez egy próba</td>
</tr>
<tr>
<td class="tablazat" colspan="2" style="text-align: center;">
Ez egy másik próba</td>
</tr>
</tbody>
</table>
CSS kód:
<style type="text/css">
.tablazat {
background-color: #CD5C5C; /*háttérszín*/
font-family: Georgia; /*szöveg betűstílusa*/
font-size: 11px; /*betűméret*/
color: #ffffff; /*betű színe*/
line-height: 14px; /*sormagasság*/
text-align: justify; /*szöveg elhelyezkedése*/
padding: 3px; /*doboz belső margója*/
text-shadow: 1px 1px 3px #ffffff } /*szövegnek árnyék/*
}</style>
|