zunia.vn

Tuyển sinh 2024 dành cho Gen-Z

zunia.vn

» Công Nghệ Thông Tin

» Kỹ thuật lập trình

Cấu trúc trang web

Chia sẻ: Nguyen Van Trung | Ngày: | Loại File: PPT | Số trang:95

Báo xấu

94
lượt xem 8
download

Download Vui lòng tải xuống để xem tài liệu đầy đủ

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)...

Chủ đề:

css

Bình luận(0) Đăng nhập để gửi bình luận!

Lưu

Nội dung Text: Cấu trúc trang web

CấU TRÚC TRANG WEB
CấU TRÚC TRANG WEB
Background 4
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) 5
BACKGROUND Ví dụ 1. Định màu nền như hình Màu xanh (#00ff00) transparent rgb(250,0,255) yellow 6
BACKGROUND Định màu 7
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(“bgdesert.jpg”) -none: không tạo hình nền (giá trị mặc định) 8
BACKGROUND Ví dụ 2. Tạo hình nền cho trang web có tên file hình là bgdesert.jpg như hình sau Hình nền 9
BACKGROUND Khai báo tên file hình nền 10
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 11 no-repeat: chỉ hiện thị 1 lần
BACKGROUND 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 12
BACKGROUND Khai báo lặp hình nền 13
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 14
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) 15
BACKGROUND Ví dụ 5. Tạo hình nền cho trang web có thuộc tính lặp theo phương đứng và ở giữa như hình sau Hình nền lặp theo 1 chiều đứng, ở giữa 16
BACKGROUND Khai báo lặp hình nền 17
BACKGROUND Tạo nền là một hình ảnh có định thuộc tính theo trạng thái thanh cuộn (background- attachment) Cú pháp: style = “background-image: url(URL)/none ; background-attachment : scroll/fixed” Trong đó: scroll: khai báo này sẽ làm hình nền di chuyển. fixed: khai báo này sẽ làm hình nền cố định trên màn hình trình duyệt. 18
BACKGROUND Ví dụ 6. Tạo hình nền có tên file "bgdesert.jpg" và hình sẽ cố định ở góc trên trang web như hình sau Hình nền cố định trên màn hình trình duyệt 19
BACKGROUND Khai báo trạng thái cố định 20

CÓ THỂ BẠN MUỐN DOWNLOAD

THÔNG TIN

TRỢ GIÚP

HỖ TRỢ KHÁCH HÀNG

Theo dõi chúng tôi

Chịu trách nhiệm nội dung:

Nguyễn Công Hà - Giám đốc Công ty TNHH TÀI LIỆU TRỰC TUYẾN VI NA

LIÊN HỆ

Địa chỉ: P402, 54A Nơ Trang Long, Phường 14, Q.Bình Thạnh, TP.HCM

Hotline: 093 303 0098

Email: support@tailieu.vn

Giấy phép Mạng Xã Hội số: 670/GP-BTTTT cấp ngày 30/11/2015 Copyright © 2022-2032 TaiLieu.VN. All rights reserved.