/* ============================================================ 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; } }

Bán bất động sản Compound Phường An Khánh giá từ 50 đến 100 tỷ

Bảng giá bất động sản Compound Phường An Khánh giá từ 50 đến 100 tỷ theo tuyến đường

Dữ liệu được tổng hợp bởi Nhà Phố Sài Thành.

ĐườngGiá trung bìnhKhoảng giá
compound đường Giang Văn Minh241 triệu/m²181 triệu/m² - 300 triệu/m²
compound đường Nguyễn Văn Hưởng246 triệu/m²99 triệu/m² - 492 triệu/m²
compound đường Thảo Điền320 triệu/m²320 triệu/m² - 320 triệu/m²
compound đường Trần Não250 triệu/m²250 triệu/m² - 250 triệu/m²
compound đường Xuân Thủy328 triệu/m²328 triệu/m² - 328 triệu/m²
compound đường Số 12193 triệu/m²167 triệu/m² - 218 triệu/m²
compound đường Số 5686 triệu/m²86 triệu/m² - 86 triệu/m²
compound đường Số 57139 triệu/m²139 triệu/m² - 139 triệu/m²
Giá chỉ mang tính chất tham khảo. Vui lòng liên hệ để biết thông tin chi tiết.

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