Code mẫu để chủ nhà tự sửa:
–>
- background-image: url(‘CHÈN LINK HÌNH NỀN VÀO ĐÂY’)
- border-radius: 15px
- overflow : auto
- max-height: 500px
- word-wrap: break-word
- rgba(255,255,255,0.7)
- margin
- padding
- text-align: justify
- font-size: 14pt
- line-height: 20pt
- font-weight
- 1 đường kẻ bên dưới: border-bottom: solid 1px red;
🍓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>
Thuộc tính word-wrap: break-word;
Tránh trường hợp chữ bị tràn ra ngoài khung khi các bạn copy bài viết ở đâu đó, hoặc một từ nào đó quá dài mà theme blog của bạn không tự động ngắt dòng, dẫn đến chữ bị tràn ra ngoài khung trông rất xấu. Tóm lại, tác dụng của thuộc tính này chính là giúp các bạn ngắt dòng