For Android device For iOS device
៣០
ឧសភា

​បង្កើត​ស្រមោលអក្សរដោយ​ប្រើ CSS

កែ​សម្រួល​អត្ថបទដោយ ៖  ១៦ សីហា ឆ្នាំ ២០១៦

មិត្តអ្នកអាន​ទាំងអស់ ធ្លាប់​បានដឹងហើយថាការ​បង្កើត​គេហទំព័រ មិនមែន​អាស្រ័យ​ទៅលើ​អ្នកចេះត្រឹមភាសា HTML (Hyper Text Makeup Language)  តែមួយមុខនោះទេ វាមិនគ្រប់គ្រាន់​សម្រាប់​អ្នកចង់​បង្កើត​គហទំព័រនោះទេ ។ អ្នកត្រូវដឹងថា ការតុបតែងគេហទំព័រ​របស់អ្នក​ឲ្យ​មើលទៅស្រស់​ស្អាត​វាជាកត្តាមួយដ៏​សំខាន់​ផងដែរ ។ ហើយរាល់ការតុបតែងអ្នកគួរតែ​ប្រើ CSS Style ដែល​ជាកូដ​សំខាន់​សម្រាប់​ធ្វើការ​បង្កើត​និងរចនាគេហទំព័រ ។

ពេលនេះដែរ​ទស្សនាវដ្ដី​អាន-ANT នឹង​បង្ហាញ​លោកអ្នក​ពីរបៀបដាក់ស្រមោលទៅ​ឲ្យ​អក្សរ​នៅលើ​គេហទំព័រ ដោយមិនបាច់​ធ្វើជា​រូប​ក្នុង Photoshop តែយើងនឹង​ប្រើ CSS ហើយកូដនេះអាច​ដំណើរ​ការ​នៅលើ browser ជា​ច្រើន​ផងដែរ ។

របៀបអនុវត្តន៍

HTML File

១. ដំបូងយើង​បង្កើត HTML មួយដោយដាក់​ឈ្មោះ​ថា textshadow.html ​បន្ទាប់មក​សរសេរ​កូដ​ខាងក្រោម​ចូលទៅ HTML នោះ

ពន្យល់កូដ

<div class= “shadow”>…</div> ​សម្រាប់​ផ្ទុកនៅអក្សរ​ដែល​អ្នកចង់ដាក់ស្រមោល ។

<meta charset=utf-8" /> ដាក់​សម្រាប់​ឲ្យ browser អាច​ធ្វើការ​បង្ហាញ​នៅអក្សរ​ខ្មែរ ។

២. សូម​ធ្វើការ​បង្កើត​នៅ CSS File ដោយដាក់​ឈ្មោះ​ថា style.css បន្ទាប់មក​ធ្វើការ​សរសេរ​កូដចូល​ក្នុង File នេះដូច​ខាងក្រោម​៖

  • text-shadow: #cccccc 4px -1px 2px; សម្រាប់​ធ្វើការ​កំណត់​ដាក់ ស្រមោល​ឲ្យ​ដំណើរ​ការ​ជាមួយនឹង​Browser ដូចជា Firefox 3.5+, Safari 3+ , Google Chrome, Opera 10.10+ ។

៣. បញ្ជូល style.css ទៅដាក់​ក្នុង textshadow.html

សូម​ដំណើរ​ការ​កូដ​របស់អ្នក បន្ទាប់ពី​អ្នកបាន​បញ្ចប់​អ្នកនឹងបាន​លទ្ធផល​ដូច​ខាងក្រោម​៖

*** អត្ថបទនេះដកស្រង់ចេញពី​ទស្សនាវដ្ដី អាន "ANT" ច្បាប់​ទី ១៨ ចេញផ្សាយខែ កញ្ញា ឆ្នាំ ២០១០ 

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

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