Để bài viết thêm phần hấp dẫn có điểm nhấn cho từng đoạn văn mô tả ưu điểm các bạn nên tạo khung viền để nổi bật. Hôm nay VITADU chia sẻ với các bạn cách tạo khung viền bài viết sao cho đẹp và dễ dàng nhất.
Cách dùng: Các bạn copy đoạn mã code vào phần văn bản nếu dùng với wordpress hoặc copy vào phần html trong website của bạn nhé
1.Nét liền
<div style="border: 2px solid #FF1493; padding: 8px;">CHÈN NỘI DUNG VÀO ĐÂY</div>
2.Nét đứt
<div style="border: 2px dashed #FF1493; padding: 8px;">CHÈN NỘI DUNG VÀO ĐÂY</div>
3.Dấu chấm
<div style="border: 2px dotted #FF1493; padding: 8px;">CHÈN NỘI DUNG VÀO ĐÂY</div>
4.Dạng nét đôi (double)
<div style="border: 10px double #FF1493; padding: 8px;">CHÈN NỘI DUNG VÀO ĐÂY</div>
<div style="border: 10px groove #FF1493; padding: 8px;">CHÈN NỘI DUNG VÀO ĐÂY</div>
6.Dạng chóp (ridge)
<div style="border: 10px ridge #FF1493; padding: 8px;">CHÈN NỘI DUNG VÀO ĐÂY</div>
Trong đoạn mã code trên
Màu đỏ : độ dày của viền
Màu xanh lá cây: Kiểu viền
Màu xanh dương: Màu viền với màu viền có thể để mã màu hoặc tiếng anh
Padding: là khoảng cách từ nội dung bên trong khung ra đến khung
Chúc các bạn có thể hoàn thành bài viết của mình thêm hấp dẫn!
Edit