TAILIEUCHUNG - Cấu trúc trang web

color: giá trị màu dạng tên (red, yellow,.) hoặc rgb (ví dụ: rgb (255,0,0) hoặc giá trị hexa (#ff0000). | CấU TRÚC TRANG WEB CấU TRÚC TRANG WEB Background BACKGROUND Tạo màu nền Cú pháp: style = “background-color: color/transparent” Trong đó: -color: giá trị màu dạng tên (red, yellow,.) hoặc rgb (ví dụ: rgb (255,0,0) hoặc giá trị hexa (#ff0000) -transparent: không có màu (trong suốt) Ví dụ 1. Định màu nền như hình Màu xanh (#00ff00) transparent rgb(250,0,255) BACKGROUND yellow Định màu BACKGROUND BACKGROUND Tạo nền là một hình ảnh Cú pháp: style = “background-image: url(URL)/none” Trong đó: -URL: địa chỉ trỏ đến file hình nền ví dụ: url(“”) -none: không tạo hình nền (giá trị mặc định) Ví dụ 2. Tạo hình nền cho trang web có tên file hình là như hình sau Hình nền BACKGROUND Khai báo tên file hình nền BACKGROUND BACKGROUND Tạo nền là một hình ảnh có kèm trạng thái vòng lặp (background-repeat) Cú pháp: style = “background-image: url(URL)/none ; background-repeat: repeat/repeat-x/repeat-y/no-repeat” background-repeat là thuộc tính sử dụng chung với background-image. Có 4 chọn lựa: repeat: sẽ lặp hình nền theo cả 2 chiều (mặc định) repeat-x: lặp hình nền theo phương ngang repeat-y: lặp hình nền theo phương đứng no-repeat: chỉ hiện thị 1 lần Ví dụ 3. Tạo hình nền cho trang web với thuộc tính lặp theo phương đứng như hình sau Hình nền lặp theo 1 chiều đứng BACKGROUND Khai báo lặp hình nền BACKGROUND Ví dụ 4. viết code trang web tạo hình nền cho trang web với thuộc tính lặp theo phương ngang như hình sau Hình nền lặp theo 1 chiều ngang BACKGROUND BACKGROUND Tạo nền là một hình ảnh có định vị trí hình nền (background-position) Cú pháp: style = “background-image: url(URL)/none ; background-position: value/x% y%/xpos ypos” Trong đó: value là giá trị: top left, top center, top right, center left, center center, center right, bottom left, bottom center, bottom right. x% y% là giá trị theo phương đứng và ngang của trang web tính theo % xpos ypos là giá trị theo 2 phương (ví dụ: 30px 150px) Ví dụ 5. Tạo .

TỪ KHÓA LIÊN QUAN
Đã phát hiện trình chặn quảng cáo AdBlock
Trang web này phụ thuộc vào doanh thu từ số lần hiển thị quảng cáo để tồn tại. Vui lòng tắt trình chặn quảng cáo của bạn hoặc tạm dừng tính năng chặn quảng cáo cho trang web này.