Thứ Ba, 29 tháng 4, 2014

Nền - Phân biệt 3 nền tạo từ cách dùng bảng


Khi tạo nền bằng bảng thường dùng 3 công thức khác nhau chút ít : cho nền trong suốt, cho nền màu và cho nền ảnh

Ví dụ 

- Nền trong suốt :

<table align="center" border="1" bordercolor="FF0000" cellpadding="0" cellspacing="0" mode="transparent" style="height: 200px; width: 730px;"><tbody>
<tr><td valign="top"><div style="line-height: 24px; margin-left: 60px; margin-right: 30px; margin-top: 50px; margin-bottom: 85px">abc
</div>
</td></tr>
</tbody></table>


- Nền màu:

<table align="center" bgcolor="#DEEA02" border="1" bordercolor="00B359" cellpadding="0" cellspacing="0" style="height: 200px; width: 730px;"><tbody>
<tr><td valign="top"><div style="line-height: 24px; margin-left: 60px; margin-right: 20px; margin-top: 50px; margin-bottom: 85px">abc
</div>
</td></tr>
</tbody></table>



- Nền ảnh :

<table align="center" background="http://wm42.inbox.com/thumbs/7f6_87a8d_ca47ddd2_oJ.jpg.thumb" border="1" bordercolor="FF0000" cellpadding="0" cellspacing="0" style="height: 200px; width: 730px;"><tbody>
<tr valign="top"><td><div class="MsoNormal" style="margin-bottom: 85px; margin-left: 100px; margin-right: 50px; margin-top: 85px;">
abc</div>
</td></tr>
</tbody></table>

Chỉ có bảng, không nền 

<table align="center" border="5" bordercolor="FF0000" style="height: 200px; width: 730px;"><tbody>
<tr valign="top"><td>
<div style="line-height: 24px; margin-bottom: 85px; margin-left: 60px; margin-right: 20px; margin-top: 50px;">
abc</div>
</td></tr>

</tbody></table




========================================================



- Nền trong suốt :

abc


- Nền màu:


abc



- Bảng không nền :


abc

- Bảng không nền 2:


ab

==================================================================



- Bảng không nền thu nhỏ:

ab



ab



1 nhận xét:

  1. Từ đây ta có thể chọn table không nền để tạo một khung chèn ảnh tự giãn

    Trả lờiXóa