ảnh ảnh
Định dạng cho ảnh p>img{}: o Kích thước (width x height) 20% x 150 pixel o Khoảng đệm (padding): 10 pixel o Lề (margin): pixel o Bo góc (border-radius): 10 pixel o Màu (background-color): vàng o Bóng (box-shadow): nhòe, độ dày pixel, màu xanh Khi đưa chuột lên ảnh p>img:hover{} o Bóng (box-shadow): nhòe, độ dày 20 pixel, màu đỏ o Màu (background-color): xanh nhạc (aqua) BÀI (4 ĐIỂM) Thiết kế thông tin cho sản phẩm hình sau WEB1013 – XÂY DỰNG TRANG WEB TRANG LAB 5: BOX MODEL VÀ LAYOUT Yêu cầu sản phẩm, hàng sản phẩm Mỗi sản phẩm gồm tên, ảnh giá Hướng dẫn Cấu trúc mã sản phẩm gồm Nokia 2006 $ 150 $ 148 Cấu trúc trang web WEB1013 – XÂY DỰNG TRANG WEB TRANG LAB 5: BOX MODEL VÀ LAYOUT đoạn mã sản phẩm Viết mã CSS cho class column, san-pham, ten giá o column{} width:25% float:left o san-pham{} border-radius:10 pixel box-shadow: nhòe, dày pixel màu gray padding:10 pixel margin:5 pixel text-align: o san-pham ten{} font-size:larger font-variant: hoa nhỏ color: blue o san-pham img{} max-width:95% o san-pham gia{} color: đỏ font-weight:bold font-size:larger o san-pham gia del{} color:gray BÀI (2 ĐIỂM) – GV CHO THÊM WEB1013 – XÂY DỰNG TRANG WEB TRANG ... Màu (background-color): xanh nhạc (aqua) BÀI (4 ĐIỂM) Thiết kế thông tin cho sản phẩm hình sau WEB1013 – XÂY DỰNG TRANG WEB TRANG LAB 5: BOX MODEL VÀ LAYOUT Yêu cầu sản phẩm, hàng sản phẩm... src="Media/3.gif" /> $ 150 $ 148 Cấu trúc trang web WEB1013 – XÂY DỰNG TRANG WEB TRANG LAB 5: BOX MODEL VÀ LAYOUT đoạn mã sản phẩm ... font-weight:bold font-size:larger o san-pham gia del{} color:gray BÀI (2 ĐIỂM) – GV CHO THÊM WEB1013 – XÂY DỰNG TRANG WEB TRANG