Hiệu ứng Hình ảnh trong CSS | Image trong CSS PDF hinh anh trong css

http://vietjack.com/css/index.jsp                                                                                                              Copyright  ©  vietjack.com     Hiệu ứng Hình ảnh CSS Hình ảnh đóng vai trò quan trọng Webpage Hiện này, khó tìm thấy Webpage đại mà khơng có hình ảnh Tuy nhiên, khơng phải thêm nhiều hình ảnh (trừ Webpage cho thời trang hay mẫu quần áo) tốt Việc trang trí hình ảnh đẹp hợp lý làm trang bạn tạo ấn tượng với người dùng Để làm cho hình ảnh đẹp hơn, bạn sử dụng thuộc tính CSS CSS có thuộc tính: • Thuộc tính border: Thiết lập độ rộng đường viền bao quanh hình ảnh • Thuộc tính height: Thiết lập chiều cao hình ảnh • Thuộc tính width: Thiết lập độ rộng hình ảnh • Thuộc tính –moz-opacity: thiết lập độ suốt hình ảnh Thuộc tính border CSS Để thiết lập độ rộng đường viền bao quanh hình ảnh, bạn sử dụng thuộc tính border CSS Thuộc tính nhận giá trị: độ dài đo px % Nếu thiết lập giá trị 0px, nghĩa hình ảnh bạn khơng có đường viền bao quanh Ví dụ kết http://vietjack.com/                                                                                                                              Trang  chia  sẻ  các  bài  học  online  miễn  phí     http://vietjack.com/css/index.jsp                                                                                                              Copyright  ©  vietjack.com     Thuộc tính height CSS Để điều khiển chiều cao hình ảnh hiển thị Webpage, bạn sử dụng thuộc tính height CSS Thuộc tính nhận giá trị: chiều cao đo px % Nếu xác định đơn vị %, chiều cao hình ảnh tính tỷ lệ với khối chứa hình ảnh Ví dụ− Kết là:− Thuộc tính width CSS Để xác định độ rộng hình ảnh, bạn sử dụng thuộc tính width CSS Thuộc tính nhận giá trị: độ rộng đo px % Nếu xác định đơn vị %, độ rộng hình ảnh tính tỷ lệ với khối chứa hình ảnh Ví dụ− Kết là: http://vietjack.com/                                                                                                                              Trang  chia  sẻ  các  bài  học  online  miễn  phí     http://vietjack.com/css/index.jsp                                                                                                              Copyright  ©  vietjack.com     Thuộc tính - moz-opacity CSS Thuộc tính -moz-opacity CSS sử dụng để thiết lập độ suốt hình ảnh Trong Mozilla, thuộc tính tạo hình ảnh suốt IE sử dụngfilter:alpha(opacity=x) để tạo hình ảnh suốt Trong Mozilla: với cú pháp -moz-opacity=x x giá trị từ 0.0 – 1.0 Giá trị nhỏ làm tăng độ suốt (tương tự cú pháp CSS3 là: opacity:x) Trong IE: với cú pháp filter:alpha(opacity=x) x giá trị từ – 100 Giá trị nhỏ làm tăng độ suốt Ví dụ Kết là:   http://vietjack.com/                                                                                                                              Trang  chia  sẻ  các  bài  học  online  miễn  phí     ... CSS Thuộc tính -moz-opacity CSS sử dụng để thiết lập độ suốt hình ảnh Trong Mozilla, thuộc tính tạo hình ảnh suốt IE sử dụngfilter:alpha(opacity=x) để tạo hình ảnh suốt Trong Mozilla: với cú pháp... Để xác định độ rộng hình ảnh, bạn sử dụng thuộc tính width CSS Thuộc tính nhận giá trị: độ rộng đo px % Nếu xác định đơn vị %, độ rộng hình ảnh tính tỷ lệ với khối chứa hình ảnh Ví dụ− ... chiều cao hình ảnh hiển thị Webpage, bạn sử dụng thuộc tính height CSS Thuộc tính nhận giá trị: chiều cao đo px % Nếu xác định đơn vị %, chiều cao hình ảnh tính tỷ lệ với khối chứa hình ảnh Ví dụ−