Thư Viện ảnh Trong CSS

Trang chủ » Thư Viện Css » Thư Viện ảnh Trong CSS

Có thể bạn quan tâm

  • Bài viết
  • Hỏi đáp
Tạo bài viết Đăng ký Đăng nhập Code24h.com CSS 07/09/2018, 14:41 Thư viện ảnh trong CSS

CSS có thể được sử dụng để tạo một thư viện ảnh. Thư viện ảnh Thư viện ảnh sau đây được tạo bởi CSS: <html> <head> <style> div.gallery { margin: 5px; border: 1px solid #ccc; float: left; awidth: ...

CSS có thể được sử dụng để tạo một thư viện ảnh.

Thư viện ảnh

Thư viện ảnh sau đây được tạo bởi CSS:

<html> <head> <style> div.gallery { margin: 5px; border: 1px solid #ccc; float: left; awidth: 180px; } div.gallery:hover { border: 1px solid #777; } div.gallery img { awidth: 100%; height: auto; } div.desc { padding: 15px; text-align: center; } </style> </head> <body> <div class="gallery"> <a target="_blank" href="fjords.jpg"> <img src="fjords.jpg" alt="Fjords" awidth="300" height="200"> </a> <div class="desc">Add a description of the image here</div> </div> <div class="gallery"> <a target="_blank" href="forest.jpg"> <img src="forest.jpg" alt="Forest" awidth="300" height="200"> </a> <div class="desc">Add a description of the image here</div> </div> <div class="gallery"> <a target="_blank" href="lights.jpg"> <img src="lights.jpg" alt="Northern Lights" awidth="300" height="200"> </a> <div class="desc">Add a description of the image here</div> </div> <div class="gallery"> <a target="_blank" href="mountains.jpg"> <img src="mountains.jpg" alt="Mountains" awidth="300" height="200"> </a> <div class="desc">Add a description of the image here</div> </div> </body> </html> Tham khảo thêm các khóa học lập trình web từ Front-end đến Back-end do trực tiếp giảng viên quốc tế trường FPT Arena giảng dạy giúp bạn thành thạo kỹ năng lập trình web từ CƠ BẢN – NÂNG CAO với giá chỉ từ 290,000đ:
  • Học lập trình front-end cơ bản với bootstrap 4/html5/css3
  • Học lập trình front-end nâng cao qua Project thực tế
  • Học thiết kế web với Photoshop, CSS theo kiểu SASS
  • Học cách sử dụng Git_hub cho lập trình viên
  • Học lập trình Back-end PHP theo mô hình MVC cơ bản
  • Học lập trình Back-end PHP theo mô hình MVC nâng cao
  • Học lập trình Cơ sở dữ liệu với AngularJS
  • Học lập trình theme wordpress. Làm ra mọi website hoàn chỉnh với wordpress
  • Combo lập trình front-end từ cơ bản – nâng cao
  • Combo lập trình back-end từ cơ bản đến nâng cao
  • Combo lập trình web với word press từ A-Z
Bình luận về bài viết này

Tạ Quốc Bảo

23 chủ đề

7270 bài viết

Có thể bạn quan tâm
  • 1 Các Pseudo-Element trong CSS
  • 2 Box Model trong CSS
  • 3 Các câu lệnh trong JavaScript
  • 4 Các chuỗi trong JavaScript
  • 5 Thuộc tính height và width trong CSS
  • 6 Thanh điều hướng trong CSS
  • 7 Hiển thị dữ liệu trong Javascript
  • 8 Các biến trong JavaScript
  • 9 PHP while Loops ( vòng lặp while )
  • 10 Thuộc tính Opacity / Transparency trong CSS
0 Các chủ đề đang được quan tâm phần mềm lập trình php | lập trình web php + mysql | khóa học lập trình php | tự học lập trình php | học php cơ bản thachpham | Code24h | Cho thuê phòng trọ hà nội | Cho thuê phòng trọ bình thạnh | Cho thuê phòng trọ | Cho thuê nhà trọ Đăng ký

Đăng ký nhận thông báo

Các bài học thú vị sẽ được gửi đến inbox của bạn

HỖ TRỢ HỌC VIÊN
  • Các câu hỏi thường gặp
  • Điều khoản sử dụng
  • Chính sách và quy định
  • Chính sách bảo mật thanh toán
  • Hỗ trợ học viên: [email protected]
  • Báo lỗi bảo mật: [email protected]
VỀ CODE24H
  • Giới thiệu Code24h
  • Cơ hội nghề nghiệp
  • Liên hệ với chúng tôi
HỢP TÁC VÀ LIÊN KẾT
  • Đăng ký giảng viên
  • Giải pháp e-learning
  • Chương trình đại lý
  • Chương trình Affiliate
KẾT NỐI VỚI CHÚNG TÔI
TẢI ỨNG DỤNG TRÊN ĐIỆN THOẠI

CCode 24h, code mọi lúc, mọi nơi

© Copy right 2018 - 2025

Từ khóa » Thư Viện Css