Hướng dẫn tạo khung chứa code đơn giản

Cách thêm khung chứa code như sau

chỉ cần dán đoạn code này vào trên thẻ ]]></b:skin>

/*khung chua code*/
pre.code {
display: block;
font: 1em 'Courier New', Fixed, monospace;
font-size: 100%;
color: #666666;
background: #fff ;
overflow: auto;
text-align: left;
border: 1px solid #99cc66; 
padding: 0px 20px 0 30px;
margin: 1em 0 1em 0;
line-height: 17px;
max-height:300px}

Trong Đó:

• color: #666666 - Là màu chữ trong khung.
• background: #fff - Là màu nền của khung.
• border: 1px solid #99cc66; - Là độ rộng đường viền(1px) và màu đường viền(#99cc66).
• max-height:300px - Là chiều cao tối đa.

# Cách sử dụng khi viết bài

Khi muốn chèn code, bạn dùng thẻ HTML ở thanh công cụ rồi sử dụng đoạn html sau.

<pre class="code">
Đặt code vào đây
</pre>