Để tô điểm trang web của bạn trên Internet, bạn có thể thực hiện các thay đổi đối với thiết kế của nó. Thay đổi thiết kế ngụ ý bất kỳ hành động nào, từ thay đổi nền của trang chính đến vẽ lại hoàn toàn mẫu trang web. Nếu bạn quyết định thay đổi nền của trang web của mình, thì hướng dẫn sau đây sẽ giúp giải quyết vấn đề này.
Cần thiết
Chỉnh sửa tệp css
Hướng dẫn
Bước 1
Đối với hầu hết các phần, mã thiết kế trang web nằm trong tệp style.css. Nhưng mỗi mẫu có thể khác với mẫu trước đó, vì vậy mã thiết kế có thể nằm trong một tệp khác, nhưng cũng có phần mở rộng css. Để đặt màu nền cho trang web của bạn, bạn phải nhập hoặc thay thế giá trị hiện có bằng biểu thức sau: / * nền trắng * / body {
background-color: #FFFFFF;} / * nền tiêu đề màu trắng, màu chữ đen * / h1 {
màu: # 000000;
màu nền: #FFFFFF;
}
Bước 2
Để chèn bất kỳ hình ảnh nào làm nền trên trang web của bạn, bạn phải nhập hoặc thay thế giá trị hiện có bằng biểu thức sau: body {
màu nền: # 000000;
background-image: url ("Hình ảnh-1.jpg");
}
Cần lưu ý rằng trong trường hợp này, cần cung cấp liên kết đến tệp hình ảnh, tệp này sẽ nằm trong cùng thư mục với tệp css.
Bước 3
Nếu bạn muốn xếp một bức tranh nhỏ hoặc một bức tranh nhỏ, hãy sử dụng lệnh lặp lại nền. Để sử dụng lệnh này một cách chính xác, có một số cải tiến đối với lệnh này:
background-repeat: lặp lại-x - lặp lại hình ảnh dọc theo trục x;
background-repeat: lặp lại-y - lặp lại hình ảnh dọc theo trục y;
background-repeat: lặp lại - lặp lại một hình ảnh dọc theo hai trục cùng một lúc;
background-repeat: không lặp lại - hình ảnh không lặp lại;
background-attachment: scroll - cuộn ảnh cùng với trang;
background-attachment: fixed - hình ảnh không được cuộn.
Sử dụng cú pháp của lệnh này, bạn có thể hiển thị cách nó hoạt động trong các ví dụ:
background-position: 30px 40px - Hình ảnh 30 pixel từ trên xuống và 40 pixel từ trái sang phải.
background-position: 60% 35% - Phần đệm bên trái là 60% và phần đệm trên cùng là 25%.
