For Android device For iOS device
១៥
មករា

គន្លឹះនិងល្បិច​ខ្លះ​ៗ អំពីរបៀបដាក់​រូបភាព​ឲ្យ​មានរាងជាពងក្រពើនៅ​ក្នុង HTML & CSS

♦ រៀបរៀងដោយ លោក រ៉ាន់ ប៊ុនផេង

សួស្តីអ្នក​ទាំងអស់​គ្នា ថ្ងៃ​នេះ​ខ្ញុំ​ចង់​បង្ហាញ​អ្នក​ទាំងអស់​គ្នា​អំពីរគន្លឹះនិងល្បិច​ខ្លះ​ៗ នៅ​ក្នុង​ HTML & CSS ​ដែល​អាច​ឲ្យ​យើងដាក់​រូបភាព​មានរាងជាពងក្រពើបាន ។ ដើម្បី​កុំ​ឲ្យ​ខាតពេលយូរ យើងអាចមើល​ទៅលើ​លទ្ធផល និងឧទាហរណ៍ជា code នៅ​ក្នុង​រូបភាព​ដូច​ខាងក្រោម ៖

 ​លទ្ធផល​កូដ

 ការពន្យល់កូដ HTML

-  ​នៅពេល​ដែល​យើងចុច Run File index នៅលើ​ផ្ទាំង Browser អ្នកនឹងឃើញ​រូបភាព​មាន​ដំណើរ​ការ​ជារាងជាពងក្រពើ

- នៅបន្ទាត់ទី៦ គេ​ប្រើ tag link ដើម្បី​តភ្ចាប់ File HTML ជាមួយ File CSS

- នៅបន្ទាត់ទី១០ គឺគេ​ប្រើ​Class មួយ​ឈ្មោះ​ថា box_pic ដើម្បី​ក្តោប​រូបភាព​ភាព​ដែល​នៅខាង​ក្នុង​ Class

- នៅបន្ទាត់ទី១១ គឺគេ​ប្រើ tag image ដើម្បី​បង្ហាញ​រូបភាព ។ ហើយចំពោះ Attribute src ​ឈ្មោះ​ថា Image គឺជា Folder ​ដែល​ផ្ទុក​រូបភាព​ហើយ unnamed.jpg គឺជា​រូបភាព​នៅ​ក្នុង Folder

 ការពន្យល់កូដ CSS

- នៅបន្ទាត់ទី៧ គេ​ប្រើ Class .box_pic ដើម្បី​បង្ហាញ​អំពី Property របស់ File CSS ។ នៅ​ក្នុង​Class .box_pic នៅបន្ទាត់ទី១២គេ Property border-radius ដើម្បី Box របស់ Class មានរាងជាពងក្រពើ ។ ហើយនៅបន្ទាត់ទី១៣គេ​ប្រើ Property Overflow:hidden ដើម្បី​កាត់តម្រឹម Size របស់ Property ផ្សេង​ដែល​នៅខាង​ក្នុង Class

→ ​សម្រាប់ Link Download កម្មវិធី ANTLearner សម្រាប់ Android & Windows   http://www.antclasses.com/help/page/download.html

→ ​សម្រាប់ Link Download កម្មវិធី​ផ្សេងទៀត​សម្រាប់ iOS & Android & Windows      http://www.antclasses.com/help/page/application.html

→ ប្រសិនបើ​មានចង្ងល់ ឬ​មាន​សំណួរ​ផ្សេងៗ​សូម​ផ្ញើ​សារចូល Facebook : https://www.facebook.com/anttrainning

 ​សម្រាប់​វគ្គ​សិក្សា​នៅអាន-ANT http://training.antkh.com/ 

 លេខ​ទូរសព្ទ​ទំនាក់ទំនង ០១០/០១៦ ៦៦៦ ៦៥៣

💒 ទីតាំង #86B ផ្លូវ 313 កែង 606 សង្កាត់បឹងកក់២ ទួលគោក

https://maps.app.goo.gl/cdi3hTED27tbHBaB9

មតិ និង​យោបល់​ទៅលើ​អត្ថបទ​នេះ (តាម Facebook)

ខាងក្រោម​នេះ​ជា​យោបល់​ផ្សេងៗ​របស់​អ្នកទស្សនា