đóng khung tạo thanh trượt cho bài đăng blog

Thủ thuật này khá đơn giản, khi đăng bài mới bạn để chế độ HTML và copy đoạn code phía dưới dán vào phía dưới khung soạn bài viết (xem hình)

Đoạn code đây:

<div style="border: 10px solid orange; color: aqua; margin: 10px 0; padding: 10px; text-align: left; height: 400px; 
width: 620px; 
overflow:auto;">
Nội dung bài viết của bạn ở đây
</div>

Bạn thay đổi các dòng lệnh màu đỏ theo ý của mình, trong đó:

border 10px: độ rộng của khung

solid orange: màu của khung (bạn có thể thay red, white, yellow, black, pink, blue, green....)

color aqua: màu của chữ (tương tự màu khung, bạn có thể thay red, yellow, orange, white, black, green, blue, pink...)

height: độ cao của khung (nếu vượt qua độ cao này sẽ có thanh trượt xuất hiện bên phải của khung)

Width: độ rộng của khung

Tiếp sau đó, bạn bấm vào thẻ VIẾT (cạnh thẻ HTML phía trên lúc nãy) để quay về viết bài như bình thường, cuối cùng bấm xuất bản và chiêm ngưỡng bài viết của mình nha.

Để tạo nhiều kiểu khung khác nhau bạn có thể thay đổi chữ solid (màu vàng) bằng các dòng chữ phía dưới:
dotted
dashed
solid
double
groove
inset
outset

Chúc bạn thành công