Tập hợp một số khung

1. Khung cong đơn xanh cố định (kín):

<div style="text-align: center;">

</div>

<table align="center" background="http://wm42.inbox.com/thumbs/a9e_877e5_d33c3352_oJ.jpg.thumb" border="0" cellpadding="0" cellspacing="0" style="height: 16px; width: 582px;"><tbody>

<tr><td></td></tr>

</tbody></table>

<table align="center" background="http://wm42.inbox.com/thumbs/a9d_877e6_9f8789_oJ.jpg.thumb" border="0" cellpadding="0" cellspacing="0" style="height: 150px; width: 582px;"><tbody>

<tr><td valign="top"><div class="MsoNormal" style="margin-bottom: .60px; margin-left: 60px; margin-right: 40px; margin-top: 60px; text-align: justify;">

<span style="font-size: 14pt;">abc</span>

</div>

</td></tr>

</tbody></table>

<table align="center" background="http://wm42.inbox.com/thumbs/a9c_877e7_3d357a56_oJ.jpg.thumb" border="0" cellpadding="0" cellspacing="0" style="height: 16px; width: 582px;"><tbody>

<tr><td></td></tr>

</tbody></table>

<div style="text-align: center;">

</div>

abc

--------------------------------------------------------------------

2. Khung cong đơn xanh cố định mở rộng (kín):

abc

<center>

<table align="center" background="http://wm42.inbox.com/thumbs/ac0_877c3_9ffbf2bd_oJ.jpg.thumb" border="0" cellpadding="0" cellspacing="0" style="height: 20px; width: 737px;"><tbody>

<tr><td></td></tr>

</tbody></table>

<table align="center" background="http://wm42.inbox.com/thumbs/abe_877c5_f3d1ac8f_oJ.jpg.thumb" border="0" cellpadding="0" cellspacing="0" style="height: 150px; width: 737px;"><tbody>

<tr><td valign="top"><div class="MsoNormal" style="margin: 60px 30px 60px 60px; text-align: justify;">

abc</div>

</td></tr>

</tbody></table>

<table align="center" background="http://wm42.inbox.com/thumbs/abf_877c4_dd7781cd_oJ.jpg.thumb" border="0" cellpadding="0" cellspacing="0" style="height: 20px; width: 737px;"><tbody>

<tr><td></td></tr>

</tbody></table></center>

-------------------------------------------------------------------------

3. Khung cong xanh co dãn dùng cho nèn trắng (hở)

<table border="0" cellpadding="0" cellspacing="0"><tbody>

<tr><td><img alt="" src="http://wm42.inbox.com/thumbs/ab8_877cb_83bdffc5_oJ.jpg.thumb" /></td><td style="background-image: url(http://wm42.inbox.com/thumbs/98b_878f8_4c71e6d_oJ.jpg.thumb); background-repeat: repeat no-repeat;" width="18"></td><td><img alt="" src="http://wm42.inbox.com/thumbs/ab9_877ca_6e457287_oJ.jpg.thumb" /></td></tr>

<tr><td style="background-image: url(http://wm42.inbox.com/thumbs/98d_878f6_d9f8e565_oJ.jpg.thumb); background-repeat: no-repeat repeat;" width="18"></td><td><div align="center">

<div align="center" class="MsoNormal">

ab</div>

</div>

</td><td style="background-image: url(http://wm42.inbox.com/thumbs/98e_878f5_d214c967_oJ.jpg.thumb); background-repeat: no-repeat repeat;" width="18"></td></tr>

<tr><td><img alt="" src="http://wm42.inbox.com/thumbs/aba_877c9_b5475a87_oJ.jpg.thumb" /></td><td style="background-image: url(http://wm42.inbox.com/thumbs/990_878f3_78ae3e15_oJ.jpg.thumb); background-repeat: repeat no-repeat;" width="18"></td><td><img alt="" src="http://wm42.inbox.com/thumbs/abb_877c8_9eed2fc5_oJ.jpg.thumb" /></td></tr>

</tbody></table>

	ab

--------------------------------------------------------------------

4. Khung Puska (hở)

	ab

5. Khung cong kích thước xác định, tùy biến (cỡ khung, màu khung, độ cong góc, ...):

<table align="center" border="0" mode="transparent" style="height: 85px; line-height: 20px; width: 700px;"><tbody>

<tr><td valign="top">

<div class="yeuhanoi" style="background-color: #00ae00; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; border: 1px float: center; padding: 15px;">

<div class="text-area" style="background-color: #d5d500; border: 0px; margin: 0px; outline: 0px; padding: 10px 10px 10px 10px; vertical-align: baseline; width: 684px;">

<div class="yeuhanoi" id="blog-pager" style="background-color: #ecec00; font-family: 'Times New Roman', Times, FreeSerif, serif; font-size: 14pt; margin: 1em 20px; overflow: hidden; text-align: center;">

<div class="MsoNormal" style="margin: 0.8cm; text-align: justify;">

<div class="MsoNormal" style="margin-top: 0pt; text-indent: 0pt;">

abc

</div></div></div></div></div>

</td></tr></tbody></table>

GHI CHÚ TRONG CODE:

Khung có các đường bao liên tục (không hở) ,có thể tùy biến các màu, độ to bản, khoảng nền đệm , chèn nền, chèn dữ liệu, chèn ảnh nhưng phải tùy chỉnh kích tước tương quan.

- border-bottom-left-radius: 10px; (trị số độ cong góc dưới trái là 10px)
- border-bottom-right-radius: 10px; (trị số độ cong góc dưới phải là 10px)
- border-top-left-radius: 10px; (trị số độ cong góc trên trái là 10px)
- border-top-right-radius: 10px; (trị số độ cong góc trên phải là 10px)
- border: 1px (trị số border "có")
- float: center; (trình duyệt dọc:  từ trung tâm)
- padding: 15px (đây chính là độ to bản của khung góc cong bao ngoài)

- Màu viền cong #00ae00

- Màu vùng đệm: #d5d500

- Màu nền nhập liệu: #ecec00

- padding: 10px 10px 10px 10px;  (rộng của 4 lề khi nhập liệu đều bằng 10px)

- style="margin: 0.8cm; text-align: justify; (căn thẳng cả hai lể trái phải)

- style="margin-top: 0pt; text-indent: 0pt; (khi nhập liệu xuống đoạn mới thì khoảng thụt đầu hành chữ bằng 0 - tức không thụt đầu hàng)

Hiển thị:

Tham khảo trang chèn nền chứa dữ liệu tại:

http://yeuhanoi1.blogspot.com/2014/05/thu-khung.html