Css-də necə xətt çəkmək olar. Üfüqi xətlər

HTML səhifəsi yaratarkən üslub mühüm rol oynayır. Xüsusilə müxtəlif simvollar və dekorativ dizayn haqqında danışarkən: bu kiçik şeylər səhifənizin "dilini" daha əlçatan və aydın etməyə kömək edir, həmçinin bütövlükdə onun qavrayışını və görünüşünü əhəmiyyətli dərəcədə dəyişdirir. Dizayn üçün ən vacib elementlərdən biri üfüqi xəttdir və daha sonra onunla necə işləməyi və html-də üfüqi xəttin necə qurulmasını daha ətraflı öyrənəcəyik.

Üfüqi xətt nədir və nə üçün lazımdır?

Html-də üfüqi xətt bir sıra funksiyaları yerinə yetirən səhifə dizayn elementidir:

Dekorativ. Səhifəyə cəlbedicilik əlavə etməyə kömək edir.
Bölünmə. Müxtəlif mənalı məlumatların effektiv şəkildə ayrılmasını təşviq edir.
Vurğulamaq və ya vurğulamaq. Səhifə qonaqlarının diqqətini zəruri və ən vacib məlumatlara cəlb edir.

Bir sıra funksiyaları həyata keçirmək üçün ən əlçatan üsul hesab edilən üfüqi xəttdir. Yaratmaq çox sadədir və kənardan çox sərfəli görünür. Html koduna sadə dəyişikliklər etməklə siz aşağıdakıları tənzimləyə bilərsiniz:

uzunluq;
eni;
rəng xüsusiyyətləri;
bir və ya digər kənar boyunca hizalama.

Qeyd etmək lazımdır ki, üfüqi xətt blok elementlərinə aiddir. Bu o deməkdir ki, o, səhifədə yeni sətir tutur və ondan sonrakı mətn aşağıya gedəcək.

HTML-də üfüqi xətt yaratmaq

Üçbucaqlı mötərizədə sadə bir etiket - hr istifadə edərək bir xətt təyin edə bilərsiniz. Bu, "Üfüqi Qayda" üçün qısadır və klassik xarici parametrləri təyin edir. O, bir çox digərlərindən onunla fərqlənir ki, o, bağlanma etiketinə ehtiyac duymur və müstəqil olaraq mövcud ola bilir. Etiketdəki əlavə dəyərlərdən istifadə edərək elementin xarici xüsusiyyətlərini dəyişə bilərsiniz:

Uzunluq. Əgər xəttin uzunluğunun bütün səhifəyə uzanmasını istəmirsinizsə, o zaman istədiyiniz ölçüsü piksel və ya faizlə təyin edə bilərsiniz. Bu, etiketdəki əlavə “en” sözündən və dırnaq içərisində “=” işarəsindən sonra göstərilən ədədi uzunluqdan istifadə etməklə edilir.

Bu belə görünür. Məsələn, 100 piksel uzunluğa ehtiyacımız varsa, biz aşağıdakı etiketi təyin edirik: hr width=”100″

Hizalanma. Hizalama sol və ya sağ kənarlara, həmçinin mərkəzə mümkündür. Bu xüsusiyyət yalnız genişlik parametrini artıq qeyd etmisinizsə işləyir, çünki bütün səhifəni əhatə edən xətti hizalamaq mümkün deyil. Düzəltmə üçün “align” teqində əlavə atribut təyin edirik və ona istiqamət əlavə edirik: mərkəz – mərkəz üçün, sol – sol və sağ üçün – sağ düzülmə üçün.

Bu vəziyyətdə bitmiş etiket bu kimi görünəcəkdir. Məsələn, 150 piksel uzunluğunda üfüqi xətt üçün mərkəz düzülməsini təyin etməliyiksə, hazır teq belə görünəcək: hr align=”center” width=”150″.

Qeyd edək ki, atributun genişlik göstəricisindən asılı olmasına baxmayaraq, hizalanma göstəricisi olan "align" 1-ci yerdə yerləşdirilir.

Genişlik. Siz həmçinin qalın və ya nazik alt xətt yaradaraq eni təyin etməyi seçə bilərsiniz. Bu meyar heç bir şeydən asılı deyil və uzunluq və ya düzülməni təyin etmədən müstəqil meyar kimi istifadə edilə bilər. Bunun üçün etiketdəki size atributundan və piksellərdə istədiyiniz genişliyə bərabər rəqəmsal dəyərdən istifadə edirik. Nömrə size atributundan və “=” simvolundan sonra dırnaq içərisində göstərilir.

Beləliklə, əgər eni 15 piksel olan bir xətt yaratmalı olsaq, aşağıdakı teq yaratmalıyıq: hr size=”15″.

Rəng. Müstəqil göstərici kimi də göstərilmişdir. Onu dəyişdirmək üçün rəng atributundan rəngin adı ilə birlikdə kod şəklində və ya ingilis dilində istifadə edin. Rəng “=” simvolundan sonra dırnaq içərisində göstərilir.

Beləliklə, standart ağ xətt üçün etiket iki şəkildə yazıla bilər: hr color=”#FFFFFF” və ya hr color=”white”

Qara #000000 kodundan istifadə etməklə yaradıla bilər.

Qoyun kölgə. Əgər sizə kölgə olmayan element lazımdırsa, o zaman etiketdə noshade atributundan istifadə etməlisiniz. Tək və ya digər elementlərlə birlikdə istifadə edilə bilər. Onu istifadə edən standart xətt üçün etiket belə görünəcək: hr noshade

Videodan istifadə edərək üfüqi xəttin yaradılması

Və məlumatı daha vizual formatda almaq istəyirsinizsə, üfüqi xətt ilə işləmək imkanlarını ətraflı təsvir edən aşağıdakı videoya baxın.

Üfüqi xəttin tələb olunan ölçülərini təyin etdikdən sonra, veb-sayt səhifələrini məlumatların strukturlaşdırılmış və vizual olaraq səlahiyyətli olması üçün dizayn edə bilərsiniz. Bu, ziyarətçilərə təqdim olunan məlumatları daha asan qavramağa kömək edir və saytınızı digərlərindən fərqləndirir.

Tapşırıq

Səhifədə üfüqi bir xətt çəkin.

Həll

Üfüqi xətlər bir mətn blokunu digərindən ayırmaq üçün yaxşıdır. Üst və aşağı üfüqi xətləri olan kiçik mətn oxucunun diqqətini adi mətndən daha çox cəlb edir.

Etiketdən istifadə

üfüqi bir xətt çəkə bilərsiniz, görünüşü istifadə olunan atributlardan, həmçinin brauzerdən asılıdır. Teq blok elementlərinə aiddir, ona görə də xətt həmişə yeni sətirdən başlayır və ondan sonra bütün elementlər növbəti sətirdə göstərilir. Çoxlu etiket atributları sayəsində

bu etiket vasitəsilə yaradılan xətti idarə etmək asandır. Üslubların gücünü də birləşdirsəniz, sənədə xətt əlavə etmək sadə bir işə çevrilir.

Defolt xətt

boz rəngdə və həcm effekti ilə göstərilir. Bu tip xətt həmişə saytın dizaynına uyğun gəlmir, buna görə tərtibatçıların üslublar vasitəsilə xəttin rəngini və digər parametrlərini dəyişdirmək istəyi başa düşüləndir. Bununla belə, brauzerlərdə bu məsələyə qarışıq yanaşmalar var, buna görə də bir anda bir neçə üslub xüsusiyyətlərindən istifadə etməli olacaqsınız.

Xüsusilə, Internet Explorer-in köhnə versiyaları xətt rəngi üçün rəng xassəsindən, digər brauzerlər isə fon rəngindən istifadə edir. Ancaq bu, hamısı deyil, siz xəttin qalınlığını (hündürlük xassəsini) sıfırdan fərqli olaraq təyin etməlisiniz və sərhəd xassəsini heç biri olaraq təyin edərək xəttin ətrafındakı çərçivəni çıxartmalısınız.

Hr seçicisi üçün bütün xüsusiyyətləri bir araya gətirməklə biz məşhur brauzerlər üçün universal həll əldə edirik (nümunə 1).

Nümunə 1: Üfüqi xətt

HTML5 CSS 2.1 IE Cr Op Sa Fx

Üfüqi xətt rəngi

Mətn sətri

Bu nümunənin nəticəsi Şəkildə göstərilmişdir. 1.

düyü. 1. Rəngli üfüqi xətt
Belə görünür ki, niyə dörd üsula ehtiyac ola bilər? Axı, demək olar ki, hər bir insan vərdiş etdiyi bir üsuldan istifadə edir. Məsələn, Shift və tire düyməsini bir neçə dəfə basdım və buna görə də üfüqi bir xətt aldım.

Bəs bu nöqtəli xəttlə nəticələnsə, ancaq möhkəm birinə ehtiyacınız olarsa?

- Çox güman ki, klaviaturada Shift düyməsi nasazdır. Burada xilasetmə üçün başqa üsullar gələcək.

Bəlkə də Word-də sətir düzəltməyin ən ümumi yolu klaviaturada bir neçə düymədən istifadə etməkdir.

I Klaviaturadan istifadə edərək nazik, qalın, ikiqat, nöqtəli xətt

Bu üç düymə ilə Word-də davamlı üfüqi xətt çəkə bilərsiniz: nöqtəli və ya bərk, nazik və ya qalın, uzun və ya qısa.

1) Word redaktorunda “-” (tire) düyməsini bir neçə dəfə basdığınız zaman istənilən uzunluqda nöqtəli xətt alırsınız.

Etmək nazik səhifənin bütün eni boyunca uzun bir xətt:

Klaviaturada "tire" düyməsini tapırıq ("sıfır" düyməsinin sağında, Şəkil 1-də yaşıl çərçivədə).
Word-də yeni (!) sətirdən bu düyməni bir neçə dəfə basın: -
Və sonra "Enter" () düyməsini basın. Bir neçə çap edilmiş tire qəflətən səhifənin bütün eni boyunca davamlı üfüqi nazik xəttə çevriləcək.

2) Shift və “-” (tire) düymələrini eyni vaxtda basdığınız zaman tire DEYİL, alt xətt _________ çap olunur. Beləliklə, sənədin istənilən yerində ixtiyari uzunluqda davamlı bir xətt çəkə bilərsiniz.

düyü. 2. Word-də nazik və qalın üfüqi xətt

İndi çap edək yağ səhifənin bütün eni boyunca üfüqi xətt:

Yenə eyni "tire" düyməsini, həmçinin Shift düyməsini (istədiyiniz kimi solda və ya sağda) tapırıq. Shift düyməsini basıb saxlayın və buraxmayın.
İndi isə yeni (!) sətirdən tire üzərinə bir neçə dəfə klikləyin (məsələn, 3-4 dəfə) (Shift-i buraxmadan): ___. Shift-i buraxın.
İndi Enter düyməsini basın. Qalın üfüqi möhkəm bir xətt görəcəksiniz.

Klaviaturadan istifadə edərək Word-də üfüqi nazik, qalın, nöqtəli və qoşa xətt

II Cədvəldən istifadə edərək Word-də sətir

Yalnız yuxarı və ya alt haşiyənin rəngli olduğu (görünəcək) və cədvəlin digər üç tərəfinin rəngsiz haşiyələrə malik olduğu (görünməz olacaq) bir hüceyrədən (1x1) ibarət bir cədvəldən istifadə edərək üfüqi xətt əldə edilə bilər. .

Kursoru xəttin olması lazım olan yerə qoyun. Word-ün yuxarı menyusunda vurun:

Daxil edin (Şəkil 3-də 1),
Cədvəl (Şəkil 3-də 2),
Bir hüceyrə (şəkil 3-də 3).

düyü. 3. Word proqramında 1x1 cədvəli (bir xanadan) necə daxil etmək olar

Nəticə bir böyük hüceyrədən ibarət bir cədvəl olacaq (1x1):

Yalnız 1x1 cədvəlində üç tərəfdən sərhədləri çıxarmaq qalır. Bunun üçün

“Ev” sekmesine keçin (Şəkil 4-də 1),
sonra “Şrift”in yanında “Paraqraf” və haşiyələri tapırıq (şəkil 4-də 2),
“Sərhədsiz” (Şəkil 4-də 3) üzərinə klikləməklə bütün sərhədləri silin;
“Yuxarı haşiyə” və ya “Aşağı sərhəd” seçin (Şəkil 4-də 4).

düyü. 4. Word cədvəlindən haşiyə seçimini necə silmək olar (sərhədləri görünməz etmək)

Bunu videoda (məqalənin sonunda) açıq şəkildə göstərirəm.

Yeri gəlmişkən, Şek. 3 daha asan bir yol olduğu aydındır. Kursoru Word-də xəttin əvvəlinə yerləşdirə və “Üfüqi Xətt” düyməsini sıxa bilərsiniz (Şəkil 4-də 5):

III Rəsmdən istifadə edərək Word-də xətt

Insert (Şəkil 5-də 1) - Formalar (Şəkil 5-də 2) - bu Word-də üfüqi xətt əldə etməyin başqa bir yoludur.

Xətti ciddi şəkildə üfüqi saxlamaq üçün Shift düyməsini basıb saxlayın və eyni zamanda xətti çəkin.

düyü. 5. Word proqramında xətt necə çəkilir

IV Ekran klaviaturasından istifadə edərək Word-də Xətt

Windows 10 üçün Axtarış çubuğuna “ekran klaviaturası” yazmaqla ekran klaviaturasını da tapa bilərsiniz.

düyü. 6. Ekran klaviaturası

Adi klaviatura ilə birinci variantda olduğu kimi üfüqi bir xətt yaradacağıq. Ekran klaviaturasında üç düyməyə ehtiyacınız olacaq: tire, Shift və Enter.

1 Tire və Daxil edin

Word-də yeni sətirdən tire (Şəkil 6-da 1) üzərinə bir neçə dəfə vurun və Enter düyməsini basın. İncə bir üfüqi xətt alacaqsınız.

2 Shift, tire və Enter

Word-də yeni sətirdən əvvəlcə Shift (Şəkil 6-da 2), sonra Dash (Şəkil 6-da 1) düyməsini sıxın. Siz alt xətt alacaqsınız. Bunu daha 2 dəfə təkrarlayacağıq və sonra Enter düyməsini sıxacağıq. Nəticədə qalın bir üfüqi xətt görəcəyik.

Saytın bəzi xüsusilə vacib elementlərini vurğulamaq üçün bunun üçün nəzərdə tutulmuş hər cür CSS üslub və xüsusiyyətlərindən istifadə etmək zərər verməz. Əlbəttə ki, mətn üçün çox narahat olmaq və onu vurğulamaq, məsələn, qalın və ya kursiv ilə, fonu dəyişdirmək və ya mətn ətrafında çərçivə yaratmaq lazım deyil. Ancaq təqdim olunan üsullardan biri həmişə uyğun deyil. Tutaq ki, semantik yükünün xüsusiyyətlərinə görə bölünməli olan mətniniz var. HTML və CSS xassələrinin xilasetmə üçün gəldiyi yer budur.

CSS istifadə edərək mətndə sətir necə düzəltmək olar

Planlarımızı həyata keçirmək üçün əlaqə saxlamalı olacağıq style.css faylı, ona müvafiq xassəni yazaraq sərhəd. Bu, mətnin yuxarısında, altında və ya müəyyən tərəfində xəttin görünməsinə səbəb olacaq. Öz növbəsində, xətti göstərmək üçün məsul olan bir neçə xüsusiyyət var, yəni:

- sərhəd-yuxarı– mətnin üstündə yerləşən üfüqi xətt;

- sərhəd-sağ– mətnin sağında yerləşən şaquli xətt;

- sərhəd-alt– mətnin altında yerləşən üfüqi xətt;

- sərhəd-sol– solda yerləşən şaquli xətt.

Html-də necə xətt çəkmək olar

CSS xassələrindən istifadə edərək, HTML kodunu redaktə edərək bütün lazımi dəyərləri təyin edə bilərsiniz. Bunun üçün saytın inzibati hissəsinə keçməlisiniz. Dərc edilmiş materiallardan birini seçin, mətn redaktorunu HTML kodu redaktə rejiminə keçirin və CSS xüsusiyyətlərini daxil edin. Bir nümunə aşağıda görünə bilər.

Nöqtəli və ya düz xətti necə etmək olar?

Bu xassələri dəqiqləşdirməklə siz təqdim olunan materialın, paraqrafın və ya başlığın əhəmiyyətini vurğulaya biləcəksinizmi?

Əmrlərin qısa təsviri

- eni- xəttin uzunluğu;

- möhkəm- möhkəm xətt;

- nöqtəli- nöqtəli xətt.

Üslubları daha dərindən başa düşmək üçün bunu oxumağı məsləhət görürəm.

Başa düşmək lazımdır ki, sayt koduna dəyişiklik edilərkən xəttin növünü, qalınlığını və rəngini müəyyən edən xüsusiyyətlər boşluqla ayrılır.

Bu metodun bir sıra üstünlükləri var:

Demək olar ki, hər hansı bir xətt çəkə biləcəyiniz geniş imkanlar.

Birbaşa HTML koduna bütün lazımi dəyişiklikləri etmək asanlığı. Bu, təcrübəsiz sayt qurucuları üçün işi xeyli asanlaşdırır.

HTML etiketindən istifadə edərək düz üfüqi xətt necə hazırlanır

Diqqətinizi çəkmək istədiyim ilk şey budur ki, bu teq html-nin bütün incəliklərinə və prinsiplərinə baxmayaraq, bağlanma teqi yoxdur. O, html kodunun istənilən yerində, teqlər arasında istifadə oluna bilər Və

.

Tag atributları

- eni– xəttin uzunluğuna görə məsuliyyət daşıyır. Faizlə və ya piksellə müəyyən edilə bilər.

- ölçüsü- xəttin qalınlığı. Piksellə müəyyən edilmişdir.

- rəng– xəttin rəngini müəyyən edir.

- hizalayın– xəttin düzülməsinə cavabdeh olan atribut. Öz növbəsində, komanda ona aiddir.

Əsasən, üfüqi xətlər veb-saytın HTML səhifələrini bəzəmək üçün istifadə olunur və onlara daha cəlbedici görünüş verir. Lakin onlar həm də məlumatları bitişik bölmələrdən vizual olaraq fərqləndirə bilər, onu öyrənərkən oxuculara rahatlıq əlavə edə bilərlər. Əsasən, ehtiyac duyduğunuz yerə üfüqi xətlər çəkin, hamısı budur.

Üfüqi bir xətt necə çəkmək olar?

HTML-də üfüqi xətlərin çəkilməsi üçün xüsusi etiket var

. Və o blok etiketi, yəni özündən əvvəl və sonra sətir fasilələri yaradır, ona görə də xətt həmişə ayrıca sətirdə bitir. Müvafiq olaraq, o, yalnız məsələn, blok elementləri ehtiva edə bilən teqlərin içərisində göstərilə bilər və ya

. Amma burdayam
məzmunu ola bilməz, çünki onun sadəcə bağlanma teqi yoxdur, yəni boşdur.

HTML-də üfüqi xətlərin çəkilməsi nümunəsi
Üfüqi xətlərin çəkilməsi

Paraqraf.

Paraqraf.

Paraqraf.

Brauzerdə nəticə

Paraqraf.

Paraqraf.

Paraqraf.

Gördüyünüz kimi, xətlər çox incə, cəlbedici deyil və tam mövcud genişliyə çəkilir, buna görə də indi onları daha cəlbedici etmək üçün onları necə dəyişdirəcəyimizi öyrənəcəyik.

Üfüqi xətlərin rəngini, qalınlığını və enini necə dəyişdirmək olar?

HTML-in köhnə versiyalarında etiket
üfüqi xətlərin rəngini, qalınlığını və enini dəyişə biləcəyiniz xüsusi atributlar var idi. Bunlar müvafiq olaraq rəng, ölçü və genişlikdir. Ancaq yeni versiyalarda onlar Cascading Style Sheets (CSS) lehinə tərk edildi, buna görə də, yəqin ki, təxmin etdiyiniz kimi, biz yenidən sevimli stil atributumuzdan istifadə edəcəyik. Ümumi sintaksis belədir:

style="background:color" >- xəttin rəngi (daha doğrusu onun fonu).

style="hündürlük:size" >- xəttin qalınlığı.

style="en:size" >- xəttin eni.

stil = "fon:rəng; hündürlük:ölçü; en:ölçü"> - və ya bütün parametrləri bir anda təyin edə bilərsiniz, sadəcə nöqtəli vergül (;) haqqında unutmayın.

Rəng ingilis dilindəki adı ilə və ya heş (#) ilə gələn rəngin HEX kodu ilə müəyyən edilə bilər. Yaxşı, siz artıq dərsdən bu barədə bilirsiniz mətn və fon rəngini dəyişdirin.

Ancaq ölçüsünü dəyişdirmək haqqında daha çox danışacağıq. Sizdən xatırladığınız kimi şriftlərin dəyişdirilməsi dərsi, CSS-də təxminən on ölçü vahidi var, lakin xəttin eni yalnız piksel (px) və faiz (%) ilə müəyyən edilə bilər və qalınlığıümumiyyətlə yalnız piksellərlə. Digər ölçü vahidlərini qoyursanız, bu, səhv olmayacaq, lakin brauzerlər sadəcə onlara məhəl qoymayacaqlar.

Ölçüləri piksellərlə göstərsəniz, xəttin qalınlığı və eni saytınızın baxıldığı monitorun qətnaməsindən asılı olacaq (ekran həlli nə qədər yüksəkdirsə, xətt daha incə və dardır).

Artıq dediyim kimi, yalnız xəttin eni faizlə göstərilə bilər. Faiz ölçüləri həmişə asılıdır və etiketin yerləşdiyi əsas konteyner elementinin ölçüsünə əsasən hesablanır.
. Bu halda, valideynin ölçüləri 100% olaraq qəbul edilir. Məsələn, etiketi yerləşdirsək
style="en:50%" > daxili element
, onda brauzer pəncərəsinin ölçüsünü və ya monitorun həllini necə dəyişdirməyimizdən asılı olmayaraq, xəttin eni həmişə blokun eninin yarısı olacaqdır.
.

Üfüqi xətlərin rənginin, qalınlığının və eninin dəyişdirilməsi nümunəsi.
Üfüqi xətlərin rəngini, qalınlığını və enini dəyişdirin.

Brauzerdə nəticə

Üfüqi xətlərin mövqeyinin dəyişdirilməsi

Üfüqi xəttin enini dəyişdikdə, brauzerlərin həmişə onu mərkəzə yerləşdirdiyini aydın görə bilərsiniz. Onun mövqeyini dəyişdirmək istəyirsinizsə, sadəcə içəridən istifadə edin
atributu aşağıdakı dəyərlərə uyğunlaşdırın:

mərkəz- xətt mərkəzə düzülür (standart dəyər).

sol- sol kənara basır.

sağ- sağ kənara basır.

Üfüqi xətlərin düzülməsinə misal.
Üfüqi xətlərin yerini dəyişdirin.

Brauzerdə nəticə

Bir xətt ətrafındakı çərçivəni necə çıxarmaq olar?

Bu dərsin ilk nümunəsinə baxın. Sizcə bu xətlər hansı rəngdədir? Amma bu doğru deyil. Onlar şəffafdır, fon rəngi göstərilməyən hər hansı bir səhifə elementi kimi! Mənə inanmırsan? Sonra xətlərin rəngini dəyişdirdiyimiz nümunəyə baxın. Birincisi üçün rəngi təyin etmədik, ancaq ölçüsünü artırdıq və bu xətt şəffaf deyilmi? Budur!

İndi izah edəcəyəm. Varsayılan olaraq, brauzerlər üçölçülü effekt yaradan xətlərin ətrafında çərçivələr çəkirlər. Beləliklə, üfüqi xətlərin qalınlığını artırmadıqda, brauzerlər bizə yalnız bu çərçivələri göstərir, çünki xəttin özünün qalınlığı 0px-dir.

Tez-tez görünüşü korlayan xəttin ətrafındakı haşiyəni silmək üçün stil atributunu yenidən tətbiq edəcəyik. Və belə yazılmışdır:

Ev tapşırığı.

Məqalə, bölmə və alt bölmə başlıqları yaradın. Hamısını mərkəzə qoyun.

Şrifti bütün səhifə üçün Arial, başlıqlar üçün isə Courier seçin.

Bütün səhifədəki şrift ölçüsü standart brauzer ölçüsünün 85%-i olsun. Və başlıqlar səhifədəki şrift ölçüsünün müvafiq olaraq 145%, 125% və 110% -ə malikdir.

Birinci başlığın altına abzas, ikincinin altına uzun sitat, üçüncünün altına isə şeir yazın. Və şeir səhifənin mərkəzində yerləşsin.

Sitatda qalın üç söz.

Məqalənin başlığı altında, səhifənin bütün eni boyunca üç piksel qalınlığında üfüqi qırmızı xətt çəkin.

Şeirin yuxarı və aşağı hissəsində bir piksel qara xətlər çəkin. Üst xəttin eni təxminən ayənin eninə bərabər olsun, alt hissəsi isə yarısı qədər olsun.

Xətlərdən lazımsız çərçivələri çıxarın.