/* ============================================================ 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ất Động Sản Thuê
  4. »
  5. Cho thuê nhà mặt tiền 70 72 Mạc Đĩnh Chi Phường Sài Gòn
Ảnh đại diện
72-mac-dinh-chi (5).jpg
72-mac-dinh-chi (7).jpg
Cho Thuê Nhà phố | Quận 1 | Phường Sài Gòn

Cho thuê nhà mặt tiền 70 72 Mạc Đĩnh Chi Phường Sài Gòn

Mạc Đĩnh Chi, Phường Sài Gòn, TP.HCM
Giá

200 Triệu

~ 1.3 Triệu/m²
Diện tích:

157.2m²

(7.8m x 20m )

Đặc điểm bất động sản

Loại sản phẩm Nhà phố
Hướng Tây-Nam
Vị trí Mặt Tiền
Ngang 7.8m
Dài 20m
Mặt hậu 7.8m
Diện tích 157.2 m2
Số tầng 5
Độ rộng đường 12m

Cho thuê 70 72 Mạc Đỉnh Chi Phường Sài Gòn

- Diện tích: 7,8 x 20m
- Công nhận: 157,2m2
- Kết cấu: 2 kết cấu riêng

Tìm kiếm theo từ khóa

Nhà đất tương tự

Hình ảnh Cho thuê nhà 109 Trương Văn Bang phường Thạnh Mỹ Lợi
Hình ảnh Cho thuê nhà 107 Trương Văn Bang phường Thạnh Mỹ Lợi
Hình ảnh Cho thuê toà nhà 117 Điện Biên Phủ, Phường Đakao, Quận 1
Hình ảnh Cho thuê nhà 52B 52C Nguyễn Bỉnh Khiêm, Đakao, Quận 1
75 m²
117 m²
69 m²
72 m²
GỌI NGAY

Mr Zim

093.393.5678

Xem nhà theo lịch Anh/Chị

Tài sản pháp lý chuẩn

Quỹ hàng phù hợp nhu cầu

Đồng hành trọn giao dịch

Đặt lịch

Xem nhà

Yêu cầu

Tư vấn

document

HỒ SƠ PHÁP LÝ

đầy đủ - có sẵn
FORM

Đăng Ký Xem Giấy Tờ

DỰ ÁN ĐANG MỞ BÁN

Dự án khu đô thị The Global City: Vị trí, Mặt bằng, Giá bán & Tiềm năng đầu tư

6Tỷ

80Tỷ

Dự án khu đô thị

The Global City: Vị trí, Mặt bằng, Giá bán & Tiềm năng đầu tư
Thành phố Thủ Đức, Hồ Chí Minh
Dự án nhà ở Khu biệt thự Sola The Global City: Thông tin chi tiết & Giá bán

40Tỷ

200Tỷ

Dự án nhà ở

Khu biệt thự Sola The Global City: Thông tin chi tiết & Giá bán
Thành phố Thủ Đức, Hồ Chí Minh
Dự án nhà ở The Berkley Thảo Điền | Mặt bằng & Giá Bán

26Tỷ

60Tỷ

Dự án nhà ở

The Berkley Thảo Điền | Mặt bằng & Giá Bán
Thành phố Thủ Đức, Hồ Chí Minh