👉 Bạn đã sẵn sàng chưa? Hãy khởi đầu ngay hôm nay với khóa học tiếng Trung giao tiếp online...(Link SALE off 40%)
Sau đây mình xin chia sẻ cho các bạn cách tạo khung viền và thanh trượt một nội dung trong bài viết blogspot
1. Tạo khung viền nội dung bài viết
Khi viết bài các bạn chuyển sang dạng HTML và thêm code sau:
<div style="border:#4F4F4F 1px solid ; padding: 4px; background:#eee; width:400px;">
NỘI_DUNG
</div>
#4F4F4F 1px solid // Lần lượt là: Mã màu - Độ dày đường viền - Loại đường viền.
- solid ______________
- dashed ----------------
- dotted ......................
background:#eee // Nền khung
width:400px // Bề rộng khung. Mặc định là sẽ rộng bằng khung bài viết (nếu bỏ lệnh này đi)
2. Tạo khung viền và thanh trượt nội dung bài viết
Ảnh minh họa - Tạo khung viền và thanh trượt nội dung bài viết
<div style="border: 1px solid orange; color: aqua; margin: 10px 0; padding: 10px; text-align: left; height: 400px;
width: 620px;
overflow:auto;">
Nội dung
</div>
Bạn thay đổi các dòng lệnh màu đỏ theo ý của mình, trong đó:
border 1px: độ rộng của khung
orange: màu của khung (bạn có thể thay red, white, yellow, black, pink, blue, green....)
aqua: màu của chữ (tương tự màu khung, bạn có thể thay red, yellow, orange, white, black, green, blue, pink...)
height: độ cao của khung (nếu vượt qua độ cao này sẽ có thanh trượt xuất hiện bên phải của khung)
Width: độ rộng của khung
Tiếp sau đó, bạn bấm vào thẻ VIẾT (cạnh thẻ HTML phía trên lúc nãy) để quay về viết bài như bình thường, cuối cùng bấm xuất bản và chiêm ngưỡng bài viết của mình nha.
Rất đơn giản phải không nào
Chúc các bạn thành công!
Rất đơn giản phải không nào
Chúc các bạn thành công!
👉 Tag: học tiếng Trung cơ bản | học tiếng Trung giao tiếp | học tiếng Trung online | học tiếng Trung Quốc | học viết tiếng Trung | cách học tiếng Trung | cách nhớ chữ Hán | tài liệu tiếng Trung | phần mềm học tiếng Trung | sách học tiếng Trung | xem thêm...
