Đóng khung cho bài viết blogspot

Để trang trí cho bài viết thêm đẹp thì đóng khung bài viết là một cách đơn giản và hiệu quả. Đối với đa số các mẫu blog đều không hỗ trợ đóng khung bài viết nên ta cần thêm viền cho bài viết thẩm mỹ hơn và thu hút bạn đọc hơn.

Hôm nay Thủ thuật blog 360 sẽ hướng dẫn các bạn cách đóng khung bài viết hay một đoạn trong bài viết 1 cách đơn giản nhất.

Bước 1: Vào soạn thảo bài viết mới, chọn chế độ soạn thảo HTML, paste đoạn code sau vào.

<div style="border:1px solid green;padding:10px;">

</div>

Bước 2: Chọn lại chế độ viết. Bạn sẽ thấy 1 khung bài viết có sẵn và bạn thao tác bình thường để viết bài.

Hướng dẫn tùy biến cho khung:

Thuộc tính Border: 

      - 1px là độ dầy của đường viền, bạn có thể thay đổi số để nhìn trực quan sự thay đổi.

    - Solid là kiểu đường viền, có các kiểu chủ đạo sau: solid, dotted, dashed, double, groove, ridge, inset và outset. Bạn nên thay đổi và xem bài viết để thấy được sự khác nhau của  các loại viền.

      - green: Màu đường viền, bạn có thể thay đổi bằng màu bất kì hay mã màu.

padding: 

Giá trị để bài viết không tràn ra khỏi viền, bạn có thể thay đổi từ 0 đến 10 để xem sự khác nhau.

Để các bạn có thể tùy biến nhiều hơn cho khung bài viết mình giới thiệu với các bạn thêm một số thuộc tính của khung tại bài viết "Đóng khung bài viết blogspot - nâng cao" Các bạn có thể tham khảo thêm.
Chúc các bạn tạo được bài viết đẹp và ưng ý