Căn Giữa Hình ảnh, Thẻ Div, Text Trong CSS - Cáo Đêm

Trang chủ » Canh Giữa Thẻ Div Trong Html » Căn Giữa Hình ảnh, Thẻ Div, Text Trong CSS - Cáo Đêm

Có thể bạn quan tâm

BÀI VIẾT Căn giữa Hình ảnh, thẻ Div, Text trong CSS Html & Css ihoan đã viết 4 năm trước

Đầu tiên là căn giữa chữ viết (TEXT)

Ví dụ: Chữ CAODEM.COM được căn chính giữa trang web.

CAODEM.COM

<div class="text"><b>CAODEM.COM</b></div>

Code css căn giữa chữ viết như sau:

.text{text-align: center;}

Căn giữa thẻ DIV

Ví dụ: Thẻ div màu đỏ bao quanh nội dung được căn giữa trong thẻ màu xanh.

Nội dung <div><div class="cangiua">Nội dung</div></div>

Code css căn giữa thẻ DIV như sau:

.cangiua{margin:0 auto}

Căn giữa hình ảnh (IMAGES)

Ví dụ: Logo Cáo Đêm được căn chính giữa trang.

<div class="hinhanh"><img scr="/images/logo.png" /><div>

Code css căn giữa hình ảnh như sau:

.hinhanh {text-align: center;} 17981 Bài viết cùng chủ đề

Hiệu ứng zoom, phóng to hình ảnh khi đưa chuột vào

Chia cột bằng thuộc tính display flex trong CSS

Cách để tạo một Modal, Popup bằng HTML, CSS, JS cơ bản

Chia cột bằng thuộc tính display grid trong CSS

Code chuyển Html sang Markdow

Hướng dẫn CSS border gradient

Tạo mã QR với thư viện QRcode

Thư viện mã QR kèm logo ở giữa

Ẩn bớt nội dung và thêm dấu 3 chấm khi nội dung quá dài

Hiệu ứng Hover cho hình ảnh khi đưa chuột vào

Từ khóa » Canh Giữa Thẻ Div Trong Html