Bà con qua lại thấy hay thì cho 1 like nhé
Tui sống bằng like đóa =))))))))))))))))))))))))))))))
Nơi tập hợp các tip với wordpress mà mình biết 👉 Tip wordpress
Dành cho những bạn đã có hiểu sơ sơ về việc viết code viền nhé,
đây coi như là nâng cao nghen
Nếu ai chưa biết cách code khung thì xem thêm ở đây nghen 👇
Chi tiết code tạo khung
☀ Kết quả của Khung 3 lớp ☀
Code
Nội dung code copy
( copy vào file Txt để copy lại vào web không bị lỗi nha )
<div id=”Background” style=”background: url(‘https://khoanhnukaly.files.wordpress.com/2020/12/9f5d5e006061097e1f423eb7a63f0338.jpg’ ); padding: 3%; font-family: Courier New; font-size: 16px; word-break: break-word; color: black; line-height:20px; background-position: center; background-repeat: no-repeat; background-size: cover; “>
<div id=”Vien” style=”border: 3px dashed #9DBCF5; padding: 5px; border-radius: 15px; “>
<div id=”NEN-MO” style=”border-radius: 15px; background: rgba(255,255,255,0.93); padding: 3%; text-align: left;”>
<h2 style=”font-family: Lobster; text-align: center;”>Nhà list các Danh sách đề cử:</h2>
<p> nội dung code</p>
</div>
</div>
</div>
Giải thích cơ bản
- id=”Background“, id=”Vien“, id=”NEN-MO“: dùng để đánh dấu thôi
- link-anh: thay link ảnh vào đây để set background
- font-family: thích thêm thì thêm, không thì bỏ cũng được
- border: điều chỉnh độ dày viền tùy ý theo px
- padding: Khoảng cách từ khung tới text, dùng % hoặc px