/* ============================================================ NHÀ PHỐ SÀI THÀNH — CSS TRANG DỰ ÁN BĐS Áp dụng cho tất cả trang: Pillar, Phân khu, Mặt bằng, Giá bán Dán vào: Appearance → Customize → Additional CSS (WordPress) Hoặc: Plugin "Simple Custom CSS" Cập nhật: Tháng 4/2026 ============================================================ */ /* ══════════════════════════════════════════ 1. SECTION LABEL (nhãn tiêu đề nhỏ) Dùng: Thông tin nhanh ══════════════════════════════════════════ */ .du-an-label { display: inline-block; background-color: #b8973a; color: #fff; font-size: 11px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; padding: 4px 12px; border-radius: 4px; margin-bottom: 12px; } /* ══════════════════════════════════════════ 2. BẢNG THÔNG TIN (table chuẩn) Dùng: ...
══════════════════════════════════════════ */ .du-an-table { width: 100%; border-collapse: collapse; margin: 6px 0 24px; font-size: 14.5px; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.10); } .du-an-table thead tr { background-color: #b8973a; color: #ffffff; text-align: left; } .du-an-table th { padding: 12px 16px; font-weight: 600; letter-spacing: 0.3px; } .du-an-table td { padding: 10px 16px; border-bottom: 1px solid #ede4cc; vertical-align: top; line-height: 1.6; } .du-an-table tbody tr:last-child td { border-bottom: none; } .du-an-table tbody tr:nth-child(even) { background-color: #fdf8ef; } .du-an-table tbody tr:hover { background-color: #f5ead4; transition: background 0.15s ease; } .du-an-table td:first-child { font-weight: 600; color: #5a4a1e; width: 36%; } /* ══════════════════════════════════════════ 3. BẢNG SO SÁNH (header tối hơn) Dùng: ...
══════════════════════════════════════════ */ .du-an-table-compare thead tr { background-color: #2c2417; } .du-an-table-compare td:first-child { background-color: #faf5e8; color: #3d2f0a; font-weight: 700; width: 22%; } /* ══════════════════════════════════════════ 4. CARD SẢN PHẨM (loại hình BĐS) Dùng:
...
══════════════════════════════════════════ */ .du-an-card { border: 1px solid #ddd0a8; border-radius: 10px; padding: 18px 22px; margin: 12px 0; background: #fffdf7; transition: box-shadow 0.2s ease; } .du-an-card:hover { box-shadow: 0 4px 18px rgba(184, 151, 58, 0.18); } .du-an-card strong { display: block; font-size: 16px; color: #7a5d10; margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px dashed #ddd0a8; } .du-an-card p { margin: 0; font-size: 14.5px; color: #444; line-height: 1.7; } /* ══════════════════════════════════════════ 5. HIGHLIGHT BOX (nổi bật thông tin) Dùng:
...
══════════════════════════════════════════ */ .du-an-highlight { background: linear-gradient(135deg, #fdf8ef 0%, #f5ead4 100%); border-left: 5px solid #b8973a; border-radius: 0 10px 10px 0; padding: 16px 20px; margin: 20px 0; } .du-an-highlight p { margin: 0 0 8px; color: #3d2f0a; font-size: 15px; line-height: 1.7; } .du-an-highlight p:last-child { margin-bottom: 0; } /* ══════════════════════════════════════════ 6. DANH SÁCH TIỆN ÍCH Dùng: ══════════════════════════════════════════ */ ul.tien-ich-list { list-style: none; padding: 0; margin: 14px 0 24px; } ul.tien-ich-list li { background: #fffdf7; border: 1px solid #e5d9b0; border-left: 4px solid #b8973a; border-radius: 0 8px 8px 0; padding: 12px 16px; margin-bottom: 10px; font-size: 14.5px; line-height: 1.7; transition: background 0.15s ease; } ul.tien-ich-list li:hover { background: #fdf8ef; } ul.tien-ich-list li strong { color: #7a5d10; } /* ══════════════════════════════════════════ 7. GHI CHÚ BẢNG GIÁ Dùng:
...
══════════════════════════════════════════ */ .bang-gia-note { background: #fff8e6; border: 1.5px solid #e0c060; border-radius: 10px; padding: 20px 24px; margin: 16px 0 24px; position: relative; } .bang-gia-note::before { content: "Thông tin giá bán"; display: block; font-weight: 700; font-size: 12px; color: #8a6d1a; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 10px; padding-bottom: 8px; border-bottom: 1px solid #e0c060; } .bang-gia-note p { margin-bottom: 10px; font-size: 14.5px; color: #3d2f0a; line-height: 1.7; } .bang-gia-note p:last-child { margin-bottom: 0; } .bang-gia-note a { color: #8a6d1a; font-weight: 600; } /* ══════════════════════════════════════════ 8. FAQ Dùng:
Câu hỏi?
Trả lời...
══════════════════════════════════════════ */ .faq-item { border: 1px solid #e0d4b0; border-radius: 10px; margin-bottom: 12px; overflow: hidden; } .faq-question { background: #f5ead4; padding: 14px 18px 14px 46px; font-weight: 700; font-size: 15px; color: #3d2f0a; position: relative; line-height: 1.5; } .faq-question::before { content: "Q"; position: absolute; left: 14px; top: 50%; transform: translateY(-50%); background: #b8973a; color: #fff; font-size: 12px; font-weight: 800; width: 22px; height: 22px; border-radius: 50%; text-align: center; line-height: 22px; } .faq-answer { background: #fffdf7; padding: 14px 18px 14px 46px; font-size: 14.5px; color: #444; line-height: 1.75; border-top: 1px solid #e0d4b0; } /* ══════════════════════════════════════════ 9. CTA CUỐI BÀI Dùng:
...
══════════════════════════════════════════ */ .project-cta { background: linear-gradient(135deg, #2c2417 0%, #4a3a14 100%); border-radius: 12px; padding: 28px 32px; margin-top: 36px; text-align: center; color: #fff; } .project-cta h3 { font-size: 20px; color: #f5c842; margin: 0 0 12px; font-weight: 700; line-height: 1.4; } .project-cta p { color: #e8dfc7; font-size: 14.5px; margin-bottom: 10px; line-height: 1.7; } .project-cta p:last-child { margin-bottom: 0; } .project-cta a { color: #f5c842; font-weight: 600; text-decoration: underline; } .project-cta a:hover { color: #fff; } /* ══════════════════════════════════════════ 10. RESPONSIVE (mobile) ══════════════════════════════════════════ */ @media (max-width: 640px) { .du-an-table { font-size: 13px; } .du-an-table th, .du-an-table td { padding: 8px 10px; } .du-an-table td:first-child { width: auto; } .du-an-table-compare { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; } .project-cta { padding: 22px 18px; } .project-cta h3 { font-size: 17px; } .faq-question, .faq-answer { padding-left: 14px; } .faq-question::before { display: none; } }
Icon Tư vấn tìm nhà
Tư vấn

TÌM NHÀ

 Icon Liên hệ ký gửi
Liên hệ

KÝ GỬI
  1. Trang Chủ
  2. »
  3. Bán
  4. »
  5. Bán Đất đường số 1 Phường Cát Lái giá dưới 5 tỷ

Loại giao dịch

Bất động sản bán

Bất Động Sản BánBất Động Sản Thuê

Loại nhà đất

Đất

Căn hộBiệt thựNhà phốKhách SạnKho xưởngĐấtBất động sản khácCăn Hộ Dịch VụNhà Cấp 4ShopHouseTòa Nhà Văn Phòng

Vị trí

Tất cả

Mặt TiềnĐường Nội BộHẻmCompound

Phường/Xã

Cát Lái

An Hội ĐôngAn Hội TâyAn KhánhAn Nhơn TâyAn Phú ĐôngAn Thới ĐôngBà ĐiểmBình ChánhBình ĐôngBình HưngBình KhánhBình LợiBình MỹBình TânBình Trị ĐôngBình TrưngCần GiờCát LáiCầu Ông LãnhĐông Hưng ThuậnĐông ThạnhHiệp BìnhHiệp PhướcHóc MônHưng LongLinh XuânLong BìnhLong PhướcLong TrườngNhà BèNhuận ĐứcPhú ĐịnhPhú Hòa ĐôngPhú ThạnhPhú ThuậnPhước LongTam BìnhTân An HộiTân BìnhTân HòaTân MỹTân NhựtTân Thới HiệpTân ThuậnTân Vĩnh LộcTăng Nhơn PhúTây ThạnhThới AnThông Tây HộiThủ ĐứcTrung Mỹ TâyVĩnh LộcXuân Thới Sơn

Đường số

1

Mức giá

dưới 5 tỷ

Diện tích

Tất cả

Số Phòng Ngủ

Tất cả

12345+

Hướng

Tất cả

ĐôngTâyNamBắcĐông-BắcTây-BắcTây-NamĐông-Nam

Lọc Thêm

Đặt Lại

Bán Đất đường số 1 Phường Cát Lái giá dưới 5 tỷ

Sắp xếp

Mặc định

  • Mặc định
  • Giá cao đến thấp
  • Giá thấp đến cao
  • Diện tích lớn đến nhỏ
  • Diện tích nhỏ đến lớn

...Không có dữ liệu

Bất Động Sản Tốt Bất Động Sản Tốt

Hình ảnh Bán Đất Góc 21 Nguyễn Bá Lân Phường Thảo Điền
Tin Vip
Hình ảnh Bán đất 2 mặt tiền 14B1 Duyên Hải Phường Thảo Điền
Tin Vip
Hình ảnh Bán đất 52 54 56 58 60 Trường Sa Phường Gia Định 3 Hầm 16 Tầng
Tin Vip
Hình ảnh Bán nhà 414 416 Tân Phú Nam Thông 3 Phường Tân Mỹ
Tin Vip
Hình ảnh Bán nhà 140 142 Lê Lai, phường Bến Thành, Quận 1
Tin Vip