Фонды қалай орнатуға болады

Мазмұны:

Фонды қалай орнатуға болады
Фонды қалай орнатуға болады

Бейне: Фонды қалай орнатуға болады

Бейне: Фонды қалай орнатуға болады
Бейне: Фонды өзгерту, видео түсіру, монтаж 2024, Мамыр
Anonim

Веб-сайтыңызды Интернетте безендіру үшін сіз оның дизайнына өзгертулер енгізе аласыз. Дизайнды өзгерту кез-келген әрекетті, негізгі беттің өңін өзгертуден бастап, сайт шаблонын толығымен қайта өңдеуге дейін білдіреді. Егер сіз өзіңіздің сайтыңыздың фонын өзгертуді шешсеңіз, онда келесі нұсқаулық осы мәселені шешуге көмектеседі.

Фонды қалай орнатуға болады
Фонды қалай орнатуға болады

Қажетті

CSS файлын өңдеу

Нұсқаулық

1-қадам

Сайттың дизайн коды көбінесе style.css файлында орналасқан. Бірақ әр шаблон бұрынғыдан өзгеше болуы мүмкін, сондықтан дизайн коды басқа файлда орналасуы мүмкін, сонымен қатар css кеңейтілімімен де. Сіздің сайтыңыздың фондық түсін орнату үшін бар мәнді келесі өрнекпен енгізу керек немесе ауыстыру керек: / * ақ фон * / дене {

фон-түс: #FFFFFF;} / * ақ түсті фон, қара қаріптің түсі * / h1 {

түс: # 000000;

өң-түс: #FFFFFF;

}

2-қадам

Сіздің сайтыңызға кез-келген кескінді фон ретінде енгізу үшін бар мәнді келесі өрнекпен енгізу керек немесе ауыстыру керек: body {

өң-түс: # 000000;

background-image: url («Image-1.jpg»);

}

Бұл жағдайда css файлымен бір қалтада орналасатын кескін файлына сілтеме беру қажет екенін ескеру қажет.

3-қадам

Егер сіз кішкене суретті немесе кішігірім суретті тақтаға қойғыңыз келсе, онда фонды қайталау пәрменін қолданыңыз. Осы команданы дұрыс пайдалану үшін бұл команданың бірнеше нақтылауы бар:

фон-қайталау: қайталау-х - кескінді х осі бойымен қайталау;

фон-қайталау: қайталау-у - кескінді y осі бойымен қайталау;

фон-қайталау: қайталау - суретті бірден екі ось бойымен қайталау;

фон-қайталау: қайталанбау - сурет қайталанбайды;

фон-тіркеме: айналдыру - суретті парақпен бірге айналдыру;

background-тіркеме: бекітілген - сурет айналдырылмайды.

Осы команданың синтаксисі арқылы оның қалай жұмыс істейтінін мысалдарда көрсетуге болады:

background-position: 30px 40px - кескін жоғарыдан 30 пиксель төмен, ал сол жақтан оңға қарай 40 пиксел.

фондық позиция: 60% 35% - сол жақ төсеме 60% және жоғарғы төсеме 25%.

Ұсынылған: