Chia sẻ code đóng khung cho Blogspot và WordPress


Blogspot và WordPress có lẽ hiện đang là hai mã nguồn để tạo website được sử dụng phổ biến và rộng rãi nhất hiện nay và trở thành một phần trong những lựa chọn của những Blogger hàng đầu hiện nay.

Nhiều khi bạn tự hỏi tại sao họ lại có thể tạo được những cái khung hình ảnh hoặc khung bài viết rất đẹp và họ đã làm như thế nào. Hôm nay mình sẽ chia sẻ cho bạn một số code tạo khung rất đẹp để cho bạn có thể lựa chọn phù hợp với Blog của mình nhé.

Dạng nét liền (solid)
<div style="padding: 8px; border: 2px solid #FF1493; word-wrap: break-word;">CHÈN NỘI DUNG VÀO ĐÂY</div>
Dạng dấu chấm (dotted)
<div style="padding: 8px; border: 2px dotted #FF69B4; word-wrap: break-word;">CHÈN NỘI DUNG VÀO ĐÂY</div>
Dạng nét đứt (dashed)
<div style="padding: 8px; border: 2px dashed #FF4500; word-wrap: break-word;">CHÈN NỘI DUNG VÀO ĐÂY</div>
Dạng nét đôi (double)
<div style="padding: 8px; border: 6px double #8A2BE2; word-wrap: break-word;">CHÈN NỘI DUNG VÀO ĐÂY</div>
Dạng đường rãnh (groove)
<div style="padding: 8px; border: 10px groove salmon; word-wrap: break-word;">CHÈN NỘI DUNG VÀO ĐÂY</div>
Dạng chóp (ridge)
<div style="padding: 8px; border: 10px ridge salmon; word-wrap: break-word;">CHÈN NỘI DUNG VÀO ĐÂY</div>
border-radius
<div style="border-radius: 25px; padding: 8px; border: 2px solid #FF1493; word-wrap: break-word;">CHÈN NỘI DUNG VÀO ĐÂY</div>

Trên đây là một số dạng cơ bản của đóng khung trong Blog, hi vọng nó có ích với các bạn


Welcome to F4vnn.com - Blog Thủ Thuật, tất cả nội dung trên website được chúng tôi sưu tập trên Internet. Nếu có vấn đề về bản quyền với bài viết trên Blog vui lòng liên hệ với và chúng tôi sẽ xóa bài viết ngay lập tức . Liên lạc với Admin qua mail: hoangvansy90@gmail.com!

ĐỪNG QUÊN ĐĂNG KÝ FANPAGE ĐỂ NHẬN THỦ THUẬT MỚI NHẤT NHÉ!