11/04/25

Hướng dẫn tạo filelist kẻ sọc như ForLam

Thật sự ra thì 1 wap đẹp không chỉ dùng chỉ dùng code hay mà bên cạnh dó còn 1 nhân tố quan trọng đó là css. nhưng không hẳn ai cũng biết hết các tuộc tính của css mà ở đây t muốn nối là css3. Bài này sẽ dùng nó.
Demo: ForLam

Hướng dẫn tạo filelist kẻ sọc như ForLam
Xem dome trứoc mấy biết.

Để làm dựoc diều đó(ngoài xts) b vào file css đang dùng của mình thêm đoạn này

.listf:nth-child(even) {

background-color: #fff;

margin-top: 0px;

margin-bottom: 0px;

padding: 2px;

border: 1px solid #d5d5d5;

border-top: none;

}

.listf:nth-child(2n+1) {

background-color: #ebebeb;

margin-top: 0px;

margin-bottom: 0px;

padding: 2px;

border: 1px solid #cacaca;

border-top: none;

}

Xong bay vào list.xt sửa cái class của khung div lại là listf
Số 2 màu đỏ đó là mấu chốt. có nghĩa là khung div thứ 2 sẽ thay đổi rồi sẽ vòng về(ban có thể đổ thành 3 hay 4 để test)
Sau đó bạn muốn sủa nd trong class đó ntn cũng đc. Like nhiệt tình nha