នេះគឺជាការបង្កើត Tabs ដែលមានតែ CSS តែប៉ុណ្ណោះដោយមិនចាំបាច់ប្រើប្រាស់ JavaScript មកជំនួសឡើយ។ ខាងក្រោមនេះគឺជាការបង្កើត Tabs ដែលមានលក្ខណៈសាមញ្ញតែប៉ុណ្ណោះ ដោយពុំមានដាក់ Background ឬកំណត់អក្សរអ្វីទាំងអស់។
ជំហ៊ានទី ១ HTML
ជំហ៊ានដំបូងអ្នកត្រូវប្រើប្រាស់ HTML ដើម្បីបង្កើតចេញជា Layout ជាមុនសិន។
https://i1272.photobucket.com/albums/y389/domneng/Decore/CSS1_zps052b4579.jpg
នេះជាលទ្ធលផលដែលអ្នកបានសរសេរនៅក្នុង HTML ដោយមិនទាន់ប្រើប្រាស់ CSS ។
https://i1272.photobucket.com/albums/y389/domneng/Decore/CSS2_zps6e501e69.jpg
ជំហ៊ានទី២ CSS
ជំហ៊ាននេះគឺមានសារៈសំខាន់ណាស់ នៅក្នុងការរចនាបន្ថែមទៅលើ Tab ដូចជា ការកំណត់ប្រវែង, គម្លាត និង Border ជាដើម។ សូមមើលពីរបៀបសរសេរដូចខាងក្រោម៖
https://i1272.photobucket.com/albums/y389/domneng/Decore/CSS3_zps3ba49781.jpg
https://i1272.photobucket.com/albums/y389/domneng/CSS4_zpsb365c03a.jpg
នេះគឺលទ្ធផលចុងក្រោយដែលទទួលបាន
https://i1272.photobucket.com/albums/y389/domneng/Decore/CSS5_zps42d4f281.jpg
ចុចទីនេះមើលទំព័រដើម សហការជាមួយនឹងគេហទំព័រ ដំណឹឹង ៖ www.homeofhelp.com
មតិយោបល់