Суреттердің немесе мәтіндердің айналасына орналастырылған жақтаулар сайтты безендіреді және оның дизайнына әртүрлілік қосады. Егер сіз шекараларды құру үшін кестелерді қолдансаңыз, онда әр шекара үшін код тым көп орын алады. Сонымен қатар, бұл жағдайда әр кадр үшін HTML кодын қайта жазу керек болады. CSS көмегімен сіз осы шекарамен қоршалатын барлық элементтер үшін бір рет қарапайым кодты жазу арқылы кез-келген қалыңдық пен түстің шекарасын оңай жасай аласыз. Бұл технология қажет болған жағдайда екі минут ішінде сайттағы кадрлардың түрін өзгертуге мүмкіндік береді.
Бұл қажетті
- - өзіңіздің жеке сайтыңыздың болуы;
- - CSS деген не және осы стильдер сайтта қай жерде жазылғанын білу.
Нұсқаулық
1-қадам
Жиек құру үшін алдымен келесі кодты CSS-ке жазыңыз:
рамка {}
2-қадам
Жиекті қалаған өлшемге айналдыру үшін шекара ені параметрін қолданыңыз, ол сызық енін пиксельмен белгілейді. Мысалы, егер жақтау сызығының ені 3 пиксель болуы керек болса, онда жазба келесідей болады:
ramka {шекара-ені: 3px;}
3-қадам
Енді шекара стилі параметрін пайдаланып шекара мәнерін анықтаңыз. Егер сіз бүйірлері тұрақты тұтас сызықтармен шекара құрғыңыз келсе, онда кодты келесі жазуды бұйра жақшалар арасына қойыңыз - border-style: solid.
4-қадам
Нүктелік жиекті келесідей жазу арқылы алуға болады: шекара стилінде: нүктелі. Шекараның стилін тексеру: кесілген сызық сізге сызықшаны береді.
5-қадам
Шекараны қос сызық ретінде келесідей етіп жасауға болады: шекара стилі: қосарланған. Жиек стилін қолданыңыз: ойық немесе жиек стилі: мәтінді немесе кескіндерді 3D жанама әсерлері бар рамаларға жиектеу үшін жиек. Бұл екі нұсқаның айырмашылығы мынада, бірінші жағдайда рамка шегініс сызықтардан, ал екіншісінде дөңес сызықтардан тұрады.
6-қадам
Бұл кодты пайдаланыңыз: border-style: inset сайт элементінің шекарасымен кірістіру әсерін жасау үшін. Шекараның мазмұнын шекарамен қатар, керісінше, дөңес ету үшін, шекара мәнерін жазыңыз: басталуы.
7-қадам
Фрейм-түс параметрін қолданып, рамкаға қажетті түсті қосуға болады, сонымен қатар бұйра жақшалардың арасына орналастырылады. Егер сіз жиекті қызыл еткіңіз келсе, онда шекара-түс: қызыл, көк - жиек-түс: көк, сарғыш - жиек-түс: сарғыш деп жазыңыз.
8-қадам
Барлық опцияларды қоса алғанда, CSS шекара коды келесідей:
ramka {шекара-ені: 3px; шекаралық стиль: қатты; жиек-түс: көк;}
9-қадам
Енді HTML тілінде мынаны жаз:
Фреймдік мазмұн «Фреймдік мазмұн» сөз тіркесінің орнына қажетті суреттің мәтінін немесе кодын енгізіңіз.
10-қадам
Осылайша, сіз сайтта элементтердің шексіз санын жобалай аласыз. Жақтаудың сыртқы түрін өзгерту үшін сізге тек CSS кодын өзгерту керек.
