Veb saytımdakı şəkilləri CSS ilə necə əlavə edə bilərəm?


cavab 1:

İstifadə edə bilərsən

img

HTML-də etiket et:

  1. what-is-in-your-image

CSS-də istifadə etməlisiniz

fon

və ya

fon şəkli

əmlak:

  1. .my-foto {eni: 400px; hündürlüyü: 400px; background-image: url ("yola-mənim-foto / foto.jpg");}

və HTML-də bu sinfi bir elementə əlavə etməlisiniz:

Təsvirinizə URL nisbi ("images / photo.jpg") və ya mütləq ola bilər ("http://myawesomeweb.com/images/photo.jpg").

Ümid edirəm kömək edir.


cavab 2:

Düzəliş edilmiş şəkillər ətrafdakıları qarışdırmır. Şəkilləri düzəltmək, şəkli əvvəldən, sonra faktdan sonra sadəcə sola, sağa və ya məzmuna yönəldəcəkdir. Tənzimləmə saytınızda xeyli miqdarda ağ boşluq buraxır. Ancaq tənzimləmə sahəsinə getdiyiniz zaman ağ boşluğu görəcəksiniz.

Sahilli bir şəkil, məzmunun standart bir kitab və ya gündəlik kağız edəcəyi kimi şəkilin ətrafında sarılmasına icazə verəcəkdir. Şəkillər də saytınızdakı səviyyəli bir təyyarədə görünməlidir. Bu sərgi kimi şəkillər göstərmək üçün faydalıdır. Müşayiət olunan sahələr CSS-dən istifadə edərək şəkilləri necə sürüşdürmək və düzəltmək barədə məlumat verəcəkdir.

Sol, diqqət və sağa düzəldin

Şəkillər sol etiyə, sağa və fokus etiketindən və daxili CSS üslubundan istifadə edərək düzəldilə bilər. Məzmun mahiyyətcə tənzimlənən şəkillərə sarılmaz. Müşayiət edənlər CSS-dən istifadə edərək şəkillərinizi sola, sağa və fokuslanmağınızı necə tənzimlədiyini açıqlayır.

Kodun altındakı bir şəkil bir tərəfi düzəltmək üçündür.

Fokus Align

Onu müşayiət edən kod xətti bir şəkil yönəltmək üçündür.

Sağ Align

Aşağıdakı kod xətti sağa tənzimləmə üçün CSS keyfiyyətini ehtiva edir.

CSS-dən istifadə edərək şəkillər çəkmək

Şəkil çəkmək şəkillərin səviyyəli bir təyyarədə bir-birlərinə uyğunlaşmasına imkan verir və məzmunun şəkil ətrafında sarılmasına icazə verir. Müşayiət edənlər, səviyyəni tənzimləyən şəkilləri və məzmun ətrafındakı şəkilləri dəqiqləşdirəcəkdir.

Məzmunu bağlamaq üçün sola çəkilən şəkillər

Şəkil Nümunəsi 4Nunc pulvinar lacus id purus ultrices id sagittis neque convallis. Nunc vel libero orci. Vivamus at nibh aliquet luctus. Məni çox sevindirəcək bir işdir. Fəqət ən yaxşı ultrasəs etmək lazımdır. Təqdim olunmayan bir iş yeri yoxdur. Vivamus euismod, bir leo interdum molestie və ya danışmaq üçün istifadə ediləcək.

Nullam cursus müxtəlif dəyişikliklər, daha çox bilinən bir şeydir. Nulla bir amnistiya yerinə ultrasəslərdə oturur. Proin euismod porttitor neque id ultrisaları. Proin faucibus convallis elit. Maecenas rhoncus arcu at arcu. Proin libero. Zülal qəbulu. Bir şərtlə ki, əvvəlcədən bilinməyən bir seçimdir. Nullam ligula urna, uyğun nəcis, iakulis ut, elementum, turpis. Fusce pulvinar.

Təsirli! Parıldayan şəkillər, şamdan təmizlənməsə bir-birlərini örtəcəkdir. Şəkil çəkildiyi hər ərazidən sonra əlçatmaz bir şamandıra kodu qoymağınızdan əmin olun. Aşağıdakı şamandıraları təmizləmək üçün kod.


Budur bir illüstrasiya:

Nunc pulvinar lacus id purus ultrices id sagittis neque konvallis. Nunc vel libero orci.


Məzmunu bağlamaq üçün şəkilləri sahil

Şəkil Nümunəsi 5Pellentesque mattis cəld porttitor. Maecenas alkoqol ligula, ləkə nisbətində oturmaq lazımdır. Bu vəziyyət əvvəlcədən bilinəcəkdir.

Nullam cursus müxtəlif dəyişikliklər, daha çox bilinən bir şeydir. Nulla bir amnistiya yerinə ultrasəslərdə oturur. Proin euismod porttitor neque id ultrisaları. Aine sed turpis. Pellentesque adətinə uyğun bir yaşayış məntəqəsi və şəbəkə və malesuada kondisioner turpis egestasını bəyənir. Donets sem erros, boş şey, müvəqqəti nek, risus. Donec laoreet dapibus ligula. Orci leo, bibendum nec, ornare et, nonummy, elit. Donec interdum feugiat leo. Faucibus orci luctus et ultrasur və Curae ultrasəs riskini azaldır; Pellentesque feugiat ullamcorper ipsum.

Şəkilləri səviyyəli bir təyyarədə buraxdılar

Bu, əvvəlki kimi eyni koddan istifadə edəcəkdir (Altın altına baxın). Şəkillər yalnız səviyyəli bir təyyarədə sürüşməyə həvəsləndirmək üçün sabit bir tərəqqi şəklindədir.

Təşəkkür edirəm ..

Keshav Infotech