Πώς να βάλετε ένα φόντο στη σελίδα σας

Πίνακας περιεχομένων:

Πώς να βάλετε ένα φόντο στη σελίδα σας
Πώς να βάλετε ένα φόντο στη σελίδα σας

Βίντεο: Πώς να βάλετε ένα φόντο στη σελίδα σας

Βίντεο: Πώς να βάλετε ένα φόντο στη σελίδα σας
Βίντεο: Πώς να βάλετε φόντο στα videos σας(Android tutorial)#2 2024, Νοέμβριος
Anonim

Η τοποθέτηση μιας εικόνας φόντου σε έναν ιστότοπο είναι μια υπόθεση πέντε λεπτών. Πολύ περισσότερος χρόνος αφιερώνεται στην προετοιμασία της εικόνας - επιλογή, ρύθμιση, προσθήκη εφέ, σύνθεση πολλών εικονογραφήσεων σε ένα γραφικό αρχείο.

Πώς να βάλετε ένα φόντο στη σελίδα σας
Πώς να βάλετε ένα φόντο στη σελίδα σας

Οδηγίες

Βήμα 1

Το χαρακτηριστικό φόντου είναι υπεύθυνο για τη διαχείριση του φόντου. Για να γεμίσετε ομοιόμορφα τη σελίδα με ένα μόνο χρώμα, χρησιμοποιήστε την ετικέτα στυλ στο σώμα:. Το φόντο θα είναι μαύρο. Εάν χρησιμοποιείτε CSS, βάλτε στο μυαλό σας: body {background-color: # 000000;}

Βήμα 2

Με τη βοήθεια ενός συνδέσμου, ορίζεται μια επαναλαμβανόμενη εικόνα. Η διεύθυνση καθορίζεται ως εξωτερικός ή εσωτερικός σύνδεσμος. Κατά τη χρήση αυτής της μεθόδου, είναι σημαντικό οι ραφές μεταξύ των εικόνων να παραμένουν αόρατες, διαφορετικά η σελίδα θα φαίνεται ατημέλητη. Στο CSS, χρησιμοποιήστε: body {background-color: # 000000; background-image: url (images / pattern.png);}.

Βήμα 3

Μπορεί να ελεγχθεί η επανάληψη του προτύπου. Η επανάληψη φόντου είναι υπεύθυνη για αυτήν τη λειτουργία μαζί με τα ακόλουθα στοιχεία: - επανάληψη-x - οριζόντια επανάληψη · - επανάληψη-γ - κατακόρυφη επανάληψη: - επανάληψη - επανάληψη και στις δύο κατευθύνσεις · - χωρίς επανάληψη - χωρίς επανάληψη. Έχει οριστεί ως αυτό: body {background-color: # 000000; background-image: url ("butterfly.gif"); επανάληψη φόντου: όχι-επανάληψη }

Βήμα 4

Η θέση φόντου βοηθά στην τοποθέτηση της εικόνας στο επιθυμητό τμήμα της ιστοσελίδας. Οι συντεταγμένες μπορούν να ρυθμιστούν χρησιμοποιώντας ποσοστά (50% 75%), εκατοστά (5cm 5cm), όψη pixel (200px 400px), μορφή λέξης (αριστερά, δεξιά, πάνω, κέντρο, κάτω). Για παράδειγμα: body {background-color: # 000000; background-image: url ("butterfly.gif"); επανάληψη φόντου: όχι-επανάληψη; φόντο-συνημμένο: σταθερό; φόντο-θέση: κάτω αριστερά; } Η τιμή 0% 0% ισούται με πάνω αριστερά.

Βήμα 5

Η ιδιότητα συνημμένου παρασκηνίου καθορίζει εάν οι εικόνες θα μετακινηθούν μαζί με τη σελίδα (επισύναψη παρασκηνίου: κύλιση) ή όχι (συνημμένο φόντο: σταθερό)

Συνιστάται: