រចនាប័ទ្ម CSS សម្រាប់កូដនៅលើប្លក់របស់អ្នក

CSS

មិត្តភក្តិរបស់ខ្ញុំម្នាក់បានសួរខ្ញុំពីរបៀបដែលខ្ញុំបង្កើតតំបន់កូដនៅលើប្លក់ចុងក្រោយរបស់ខ្ញុំ។ ខ្ញុំពិតជាក្លែងបន្លំតំបន់កូដដែលប្រើប្រាស់ស្ទីល។ នៅក្នុងប្លក់អ្នកអាចកែសម្រួលគម្រូរបស់អ្នក។ ខ្ញុំបានបន្ថែមស្ទីលដូចខាងក្រោមៈ

p.code {font-family: Courier New; font-size: 8pt; រចនាប័ទ្មព្រំដែន: បញ្ចូល; ទទឹងព្រំដែន៖ ៣ ភីច; បន្ទះ: 3 ភីច; ពណ៌ផ្ទៃខាងក្រោយ៖ #FFFFFF; line-line: ១០០%; រឹម៖ ១០ ភីច}

ជំហានបន្ទាប់គឺត្រូវកែសម្រួលស្លាករបស់ខ្ញុំក្នុងរបៀប 'កែសម្រួល Html' ។ ខ្ញុំចង្អុលបង្ហាញនូវស្ទីលថ្មីរបស់ខ្ញុំដោយធ្វើស្លាក។ Voila! បំបែកស្ទីល៖

  • កំណត់ពុម្ពអក្សរទៅ Courier New …មើលទៅដូចជាកម្មវិធីកែកូដទូទៅ
  • កំណត់ទំហំពុម្ពអក្សរដល់ ៨pt ដើម្បីមើលទៅត្រឹមត្រូវ
  • កំណត់រចនាប័ទ្មស៊ុមកថាខណ្ឌទៅ 'បញ្ចូល' ។ នេះចម្លងអ្វីដែលវាយនភ័ណ្ឌមើលទៅមាននៅលើទំព័រ។
  • កំណត់ទទឹងព្រំដែនត្រឹម ២ ឬ ៣ ភីកសែល។ នេះធ្វើឱ្យរចនាប័ទ្មព្រំដែននៃការបញ្ចូលមើលទៅត្រឹមត្រូវ។
  • ចន្លោះកំណត់កំណត់ចម្ងាយរវាងព្រំដែននិងអត្ថបទនៅខាងក្នុង។
  • ពណ៌ផ្ទៃខាងក្រោយ…កំណត់វាទៅស (#FFFFFF)
  • កម្ពស់បន្ទាត់ - ខ្ញុំបានកែសំរួលរឿងនេះអោយបាន ១០០% ពីព្រោះស្ទីលខ្លះទៀតនៅក្នុងប្រធានបទអ្នកសរសេររបស់ខ្ញុំធ្វើអោយកំពស់បន្ទាត់របស់ខ្ញុំប្រហែល ២០០%
  • កំណត់រឹមឱ្យដល់ ១០ ភីកសែល។ នេះផ្លាស់ទីកថាខណ្ឌ (ស្លាកទំព័រ) ១០ ភីកសែលឆ្ងាយពីអ្វីៗទាំងអស់។

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

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

កំណត់ត្រាចុងក្រោយមួយ…ត្រូវប្រាកដថាប្រើធាតុ HTML ដើម្បីបង្ហាញនិមិត្តសញ្ញារបស់អ្នក! ឧទាហរណ៍ប្តីប្រពន្ធ៖

  • សម្រង់ (“) គឺ”
  • > គឺ>
  • > គឺ>

រីករាយកូដ

3 យោបល់

  1. 1
  2. 2
  3. 3

តើ​អ្នក​គិត​អ្វី?

តំបន់បណ្ដាញនេះប្រើ Akismet ដើម្បីកាត់បន្ថយសារឥតបានការ។ សិក្សាអំពីរបៀបដែលទិន្នន័យរបស់អ្នកត្រូវបានដំណើរការ.