Резеңке фонды қалай жасауға болады

Мазмұны:

Резеңке фонды қалай жасауға болады
Резеңке фонды қалай жасауға болады

Бейне: Резеңке фонды қалай жасауға болады

Бейне: Резеңке фонды қалай жасауға болады
Бейне: Алғаш ЭКО жасағаннан қалай құрсақ көтерсе болады. (репродуктолог Айтқожина Л.К.) 2024, Мамыр
Anonim

Сіз өзіңіздің жеке веб-сайтыңызды құрған кезде, қолданушының браузер нұсқасына қарамастан, оны мүмкіндігінше тартымды етіп көрсеткіңіз келеді. Атап айтқанда, фондық сурет созылып, компьютер мониторының ажыратымдылығына сәйкес келтірілуі үшін.

Резеңке фонды қалай жасауға болады
Резеңке фонды қалай жасауға болады

Бұл қажетті

html, css, java-сценарийлерімен жұмыс істеу дағдылары

Нұсқаулық

1-қадам

Сіздің сайтыңыздың кодын кез-келген редактордан ашыңыз, мысалы Блокнот немесе арнайы веб-дизайн бағдарламасы, Dreamweaver. Сайттың фонын созу үшін келесі жолдарды кодқа салыңыз. Фон қосу: url (‘Суретке сілтеме енгізу’).

2-қадам

Суретті көлденеңінен өлшеу үшін келесі кодты қолданыңыз: Фон: url (‘Суретке сілтеме салыңыз’ қайталау-х), тігінен - кодтың соңында х-ті y орнына ауыстырыңыз. Егер сайт css файлында орналасса, оған кодты қойыңыз. Осылайша сіз өзіңіздің сайтыңызға резеңке фон қоя аласыз.

3-қадам

Параққа фондық суретті орналастыру және оны парақ қаралатын монитордың ажыратымдылығына сәйкес автоматты түрде созу үшін келесі код мысалын пайдаланыңыз. Мысал коды: денесі {өң: «Фондық кескінге сілтеме енгізу» () қайталанбайтын бекітілген сол жақ орта; содан кейін фондық өлшем: […].

4-қадам

Фондық кескінді созу үшін суретті фон ретінде енгізіп, оның енін 100% етіп қою жеткілікті. Мысалы, парақтың кодына келесі мәтінді енгізіңіз: фондық сурет «alt =» Суреттің атын енгізіңіз «/>. Осылайша, ол суреттің еніне сәйкес келеді, бірақ оның пропорциясы бұзылады.

5-қадам

Сол сияқты, сіз суретті биіктікке созылатын етіп орнатуға болады, ені атрибутының орнына биіктігін қолданыңыз. Немесе css үшін келесі код мысалын қолданыңыз: сайттың фондық суреті) «> және одан кейін алдыңғы мысалдағыдай суреттің 100% енін қосыңыз. Сонымен қатар сіз сценарийді қолданушының экран ажыратымдылығын біліп, өлшемін өңдеуге болады ол үшін сіздің үстеліңіз.

Ұсынылған: