Chèn khung mẫu cho bài viết trong blogspot - Text box HTML CSS template

Dưới đây là một số mẫu text box template (đóng khung văn bản trong HTML)

Khung kiểu 1

Mã code:

<br />
<div style="background: #ebf6e0; border-radius: 2px; border: 1px solid #b3dc82; box-sizing: border-box; color: #5f9025; float: none; font-family: &quot;arial&quot; , sans-serif; font-size: 15px; margin: 0px auto; outline: 0px; padding: 15px 20px; vertical-align: baseline;">
Khung kiểu 1<br />
<br /></div>

2. Khung ghi chú và thông báo màu hồng

KHUNG KIỂU 2

CODE

<div style="background: rgb(255, 233, 233); border-radius: 2px; border: 1px solid rgb(251, 196, 196); box-sizing: border-box; color: #de5959; float: none; font-family: Arial, sans-serif; font-size: 15px; margin: 0px auto; outline: 0px; padding: 15px 20px; vertical-align: baseline;">
KHUNG KIỂU 2</div>

3.Khung lưu ý

Lưu ý:

• Mọi thắc mắc, Gợi ý hoặc Báo Link Hỏng xin chia sẻ bên dưới hoặc Gửi Tin Nhắn
• Không chèn liên kết quảng cáo, spam khi đăng nhận xét.
• Không sử dụng những từ ngữ thô tục, vi phạm thuần phong mỹ tục.

CODE:

<div class="symple-box yellow center " style="background: #fffdf3; border-radius: 2px; border: 1px solid #f2dfa4; box-sizing: border-box; color: #c4690e; float: none; font-family: Arial, sans-serif; font-size: 15px; margin: 0px auto; outline: 0px; padding: 15px 20px; vertical-align: baseline;">
<strong style="background: transparent; border: 0px; box-sizing: initial; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Lưu ý</strong>:
<br />
<ul style="background: transparent; border: 0px; box-sizing: initial; margin: 0px 0px 20px 20px; outline: 0px; padding: 0px; vertical-align: baseline;">
<li style="background: transparent; border: 0px; box-sizing: initial; list-style: disc; margin: 5px 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Mọi thắc mắc, Gợi ý hoặc Báo Link Hỏng xin chia sẻ bên dưới hoặc Gửi Tin Nhắn</li>
<li style="background: transparent; border: 0px; box-sizing: initial; list-style: disc; margin: 5px 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Không chèn liên kết quảng cáo, spam khi đăng nhận xét.</li>
<li style="background: transparent; border: 0px; box-sizing: initial; list-style: disc; margin: 5px 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Không sử dụng những từ ngữ thô tục, vi phạm thuần phong mỹ tục.</li>
</ul>
</div>