ធ្វើរចនាប័ទ្មធនធានមនុស្ស (ច្បាប់ផ្តេក) ស្លាក

ធ្វើឱ្យមានបន្ទាត់គួរឱ្យចាប់អារម្មណ៍នៅលើទំព័របណ្តាញជាមួយស្លាកធនធានមនុស្ស

ប្រសិនបើអ្នកត្រូវការបន្ថែមបន្ទាត់ផ្ដេកបន្ទាត់បំបែកទៅគេហទំព័ររបស់អ្នកអ្នកមានជម្រើសមួយចំនួន។ អ្នកអាចបន្ថែមឯកសាររូបភាពជាក់ស្តែងនៃបន្ទាត់ទាំងនោះទៅទំព័ររបស់អ្នកប៉ុន្តែវាតម្រូវឱ្យកម្មវិធីរុករករបស់អ្នកទាញយកនិងផ្ទុកឯកសារទាំងនោះដែលអាចមានផលប៉ះពាល់អវិជ្ជមានលើការដំណើរការគេហទំព័រ។

អ្នកអាចប្រើលក្ខណសម្បត្តិស៊ុម CSS ដើម្បីបន្ថែម ស៊ុម ដែលដើរតួជាបន្ទាត់នៅខាងលើឬនៅផ្នែកខាងក្រោមធាតុដែលមានប្រសិទ្ធិភាពបង្កើតបន្ទាត់ខណ្ឌចែករបស់អ្នក។

ជាចុងក្រោយអ្នកអាចប្រើធាតុ HTML សម្រាប់ច្បាប់ផ្ដេក -

ធាតុច្បាប់ផ្ដេក

ប្រសិនបើអ្នកធ្លាប់ដាក់ធាតុនៅលើទំព័រវ៉េបមួយអ្នកទំនងជាបានរកឃើញថាវិធីលំនាំដើមដែលបន្ទាត់ទាំងនេះត្រូវបានបង្ហាញគឺមិនល្អ។ នេះមានន័យថាអ្នកត្រូវប្ដូរទៅ CSS ដើម្បីលៃតម្រូវរូបរាងដែលមើលឃើញរបស់ធាតុទាំងនេះដើម្បីឱ្យស្របតាមរបៀបដែលអ្នកចង់ឱ្យតំបន់បណ្ដាញរបស់អ្នកមើល។

ស្លាកធនធានមនុស្សមូលដ្ឋានត្រូវបានបង្ហាញវិធីដែលកម្មវិធីរុករកចង់បង្ហាញវា។ កម្មវិធីរុករកទំនើបជាធម្មតាបង្ហាញស្លាកធនធានមនុស្សដែលមិនមានស្តង់ដារជាមួយទទឹង 100% កម្ពស់ 2px និងស៊ុម 3D នៅក្នុងពណ៌ខ្មៅដើម្បីបង្កើតបន្ទាត់។

នេះគឺជា ឧទាហរណ៍មួយនៃធាតុធនធានធម្មនុញ្ញស្តង់ដារ ឬអ្នកអាចមើលឃើញនៅក្នុងរូបភាពនេះអំពីរបៀបដែលធនធានមនុស្សមិនស្មុគស្មាញមើលទៅក្នុងកម្មវិធីរុករកទំនើប។

ទទឹងនិងកំពស់គឺមានភាពដូចគ្នាទៅនឹងកម្មវិធីរុករក

រចនាប័ទ្មតែមួយគត់ដែលមានភាពត្រឹមត្រូវនៅទូទាំងកម្មវិធីរុករកបណ្ដាញគឺមាន ទទឹង និងរចនាប័ទ្ម។ ទាំងនេះកំណត់ពីរបៀបដែលបន្ទាត់ធំ។ ប្រសិនបើអ្នកមិនកំណត់ទទឹងនិងកំពស់ទទឹងលំនាំដើមគឺ 100% ហើយកម្ពស់លំនាំដើមគឺ 2px ។

ក្នុងឧទាហរណ៍នេះទទឹងគឺ 50% នៃធាតុមេ (ចំណាំឧទាហរណ៍ខាងក្រោមទាំងអស់រួមមានរចនាប័ទ្មបន្ទាត់ក្នុងការកំណត់ផលិតកម្មរចនាប័ទ្មទាំងនេះនឹងត្រូវបានសរសេរក្នុងសន្លឹករចនាប័ទ្មខាងក្រៅសម្រាប់ភាពងាយស្រួលក្នុងគ្រប់គ្រងលើទំព័ររបស់អ្នកទាំងអស់):

style = "width: 50%;">

ហើយក្នុងឧទាហរណ៍នេះកម្ពស់គឺ 2em:

style = "height: 2em;">

ការផ្លាស់ប្តូរព្រំដែនអាចជាបញ្ហាប្រឈម

នៅក្នុងកម្មវិធីរុករកទំនើបកម្មវិធីរុករកបង្កើតខ្សែបន្ទាត់ដោយលៃតម្រូវស៊ុម។ ដូច្នេះប្រសិនបើអ្នកដកចេញស៊ុមជាមួយរចនាប័ទ្មរចនាប័ទ្មនោះបន្ទាត់នឹងបាត់នៅលើទំព័រ។ ដូចដែលអ្នកអាចមើលឃើញ (ល្អអ្នកនឹងមិនឃើញអ្វីទេព្រោះបន្ទាត់មើលមិនឃើញ) ក្នុងឧទាហរណ៍នេះ:

style = "border: none;">

ការលៃតម្រូវទំហំស៊ុមពណ៌និងរចនាប័ទ្មនឹងធ្វើឱ្យបន្ទាត់មើលទៅខុសគ្នានិងមានបែបផែនដូចគ្នានៅក្នុងកម្មវិធីរុករកទំនើបទាំងអស់។ ឧទាហរណ៍នៅក្នុងបាតុកម្មនេះព្រំដែនមានពណ៌ក្រហមហូតដាច់និងទទឹង 1 ម។ ម:

style = "border: 1px dashed # 000;">

ប៉ុន្តែប្រសិនបើអ្នកផ្លាស់ប្ដូរស៊ុមនិងកម្ពស់រចនាប័ទ្មមើលខុសគ្នាបន្តិចបន្តួចនៅក្នុងកម្មវិធីរុករកដែលហួសសម័យជាងអ្វីដែលពួកគេធ្វើនៅក្នុងកម្មវិធីរុករកទំនើប។ ដូចដែលអ្នកបានឃើញនៅក្នុងឧទាហរណ៍នេះប្រសិនបើអ្នកមើលវានៅក្នុង IE7 និងខាងក្រោម (កម្មវិធីរុករកដែលហួសសម័យហើយលែងគាំទ្រដោយម៉ៃក្រូសូផ្វ) មានបន្ទាត់ខាងក្នុងដែលមិនបង្ហាញនៅក្នុងកម្មវិធីរុករកផ្សេងទៀត (រាប់បញ្ចូលទាំង IE8 ឡើងទៅ) :

style = "height: 1.5em; width: 25em; border: 1px solid # 000;">

កម្មវិធីរុករកចាស់ទាំងនោះពិតជាមិនសូវមានការព្រួយបារម្ភក្នុងការរចនាលើបណ្តាញអ៊ីនធឺណែតទេពីព្រោះវាត្រូវបានជំនួសដោយជម្រើសទំនើបច្រើន។

ធ្វើឱ្យបន្ទាត់តុបតែងជាមួយរូបភាពផ្ទៃខាងក្រោយ

ជំនួសឱ្យពណ៌មួយអ្នកអាចកំណត់រូបភាពផ្ទៃខាងក្រោយសម្រាប់ធនធានមនុស្សរបស់អ្នកដូច្នេះវាមើលទៅដូចអ្នកចង់បានប៉ុន្តែនៅតែបង្ហាញតាមន័យនៃការសម្គាល់របស់អ្នក។

ក្នុងឧទាហរណ៍នេះយើងបានប្រើរូបភាពដែលមានបន្ទាត់រដិបរដុបចំនួនបី។ ដោយការកំណត់វាជា រូបភាពផ្ទៃខាងក្រោយ ដោយគ្មានការធ្វើឡើងវិញវាបង្កើតការបំបែកក្នុងមាតិកាដែលមើលទៅដូចអ្នកឃើញក្នុងសៀវភៅ:

border = "height: 20px; background: #fff url (aa010307.gif) ចំណុចកណ្តាលរមូរមិនធ្វើម្ដងទៀត"; border: none; ">

ការផ្លាស់ប្តូរធាតុធនធានមនុស្ស

ជាមួយ CSS3 អ្នកក៏អាចធ្វើឱ្យបន្ទាត់របស់អ្នកកាន់តែគួរឱ្យចាប់អារម្មណ៍។ ធាតុធនធានមនុស្សគឺជាបន្ទាត់ ផ្ដេក ជាប្រពៃណីប៉ុន្តែជាមួយ CSS លក្ខណៈបម្លែងអ្នកអាចផ្លាស់ប្តូររបៀបដែលពួកគេមើល។ ការផ្លាស់ប្តូរសំណព្វនៅលើធាតុធនធានមនុស្សគឺដើម្បីផ្លាស់ប្តូរការបង្វិល។

អ្នកអាចបង្វិលធាតុ HR របស់អ្នកដូច្នេះវាគ្រាន់តែអង្កត់ទ្រូងបន្តិចប៉ុណ្ណោះ:

hr {
-moz-transform: rotate (10deg);
-webkit-transform: rotate (10deg);
-o-transform: rotate (10deg);
-ms-transform: rotate (10deg);
ប្លែង: បង្វិល (10 ឌីជី);
}

ឬអ្នកអាចបង្វិលវាបានដូច្នេះវាត្រូវបានបញ្ឈរទាំងស្រុង:

hr {
-moz-transform: rotate (90deg);
-webkit-transform: rotate (90deg);
-o-transform: បង្វិល (90deg);
-ms-transform: rotate (90deg);
ប្លែង: បង្វិល (90 ដឺក្រេ);
}

សូមចងចាំថានេះនឹងបង្វែរធនធានមនុស្សដែលផ្អែកលើទីតាំងបច្ចុប្បន្នរបស់វានៅក្នុងឯកសារដូច្នេះអ្នកប្រហែលជាត្រូវលៃតម្រូវទីតាំងដើម្បីទទួលវានៅកន្លែងដែលអ្នកចង់បាន។ វាមិនត្រូវបានផ្តល់អនុសាសន៍ឱ្យប្រើវាដើម្បីបន្ថែមបន្ទាត់បញ្ឈរលើការរចនានោះទេប៉ុន្តែវាគឺជាវិធីមួយដើម្បីទទួលបានប្រសិទ្ធិភាពគួរឱ្យចាប់អារម្មណ៍។

វិធីផ្សេងទៀតដើម្បីទទួលបានបន្ទាត់នៅលើទំព័ររបស់អ្នក

រឿងមួយដែលមនុស្សខ្លះធ្វើជំនួសឱ្យការប្រើធាតុធនធានមនុស្សគឺត្រូវពឹងផ្អែកលើព្រំដែននៃធាតុផ្សេងទៀត។ ប៉ុន្តែពេលខ្លះធនធានមនុស្សគឺមានភាពងាយស្រួលនិងងាយស្រួលប្រើជាងការព្យាយាមបង្កើតព្រំដែន។ បញ្ហាគំរូប្រអប់នៃកម្មវិធីរុករកមួយចំនួនអាចបង្កើតស៊ុមមួយដែលកាន់តែពិបាក។