በብሎግዎ ላይ የ CSS ቅጥ ለኮድ

CSS

በመጨረሻው የብሎግ ምዝገባ ላይ የኮዱን ክልሎች እንዴት እንደሠራሁ አንድ ጓደኛዬ ጠየቀኝ ፡፡ እኔ አንድ ዘይቤን በመጠቀም የኮዱን ክልል በእውነቱ ‹ሐሰት› አድርጌዋለሁ ፡፡ በብሎገር ውስጥ ፣ አብነትዎን ማርትዕ ይችላሉ። የሚከተለውን ዘይቤ አክያለሁ

p.code {ቅርጸ-ቁምፊ-ቤተሰብ: መልእክተኛ አዲስ; የቅርጸ-ቁምፊ-መጠን 8pt; የድንበር-ዘይቤ: ውስጣዊ; የድንበር ስፋት 3 ፒክስል; መቅዘፊያ: 5 ፒክስል; የጀርባ-ቀለም: #FFFFFF; የመስመር-ቁመት 100%; ህዳግ: 10px}

ቀጣዩ ደረጃ የእኔን መለያ በ 'ኤችቲኤምኤል አርትዕ' ሁነታ ላይ ማርትዕ ነው። መለያውን በማድረግ በቀላሉ ወደ አዲሱ ስልቴ አመላክታለሁ ፡፡ ቮይላ! ቅጦቹን ማፍረስ

  • ቅርጸ-ቁምፊውን ለኩሪየር ኒው Set አጠቃላይ የሆነ የኮድ አርታዒ ይመስላል
  • በትክክል ለመታየት የቅርጸ-ቁምፊውን መጠን ወደ 8 ፒት ያዘጋጁ
  • የአንቀጽን የድንበር ዘይቤን ወደ 'inset' ያቀናብሩ። ይህ አንድ ጽሑፍ (ጽሑፍ) በገጹ ላይ ምን እንደሚመስል ይደግማል።
  • የድንበሩን ስፋት ወደ 2 ወይም 3 ፒክሴሎች ያዘጋጁ ፡፡ ይህ የውስጥ ድንበር ዘይቤን በትክክል እንዲመስል ያደርገዋል።
  • መቅዘፊያ በጠረፍ እና በጽሑፍ መካከል ያለውን ርቀት ያዘጋጃል ፡፡
  • የበስተጀርባ ቀለም white ወደ ነጭ አደረገው (#FFFFFF)
  • የመስመር-ቁመት - በጦማሪዬ ጭብጥ ውስጥ ካሉት ሌሎች ቅጦች መካከል የኔን መስመር ቁመት ወደ 100% ያክል ስላደረጉ ይህንን ይህንን 200% አስተካክለውታል ፡፡
  • ህዳጉን ወደ 10 ፒክስል ያዘጋጁ ፡፡ ይህ አንቀፅ (p tag) 10 ፒክስል ከሁሉም ነገር ይርቃል።

ያ ነው በቃ በቃ! አንድ ማስታወሻ ከብሎገር ጋር የመጣው አርታኢ በብሎግዎ ላይ እንደሚታየው የማሳየት ችሎታ የለውም ፡፡ ግን ይሠራል እና ጥሩ ይመስላል!

በመለያው ላይ አርትዕ ካደረጉ በኋላ አንድ ተጨማሪ ማስታወሻ the የብሎገር አርታዒው በልጥፉዎ ላይ ሌላ ቦታ በዘፈቀደ ሊጠቀምበት ይወዳል። ትንሽ ያበሳጫል! የእኔ ምክር ሙሉ ልጥፍዎን መጻፍ እና ከዚያ በኋላ አንድ ትንሽ አርትዖት ማድረግ ነው ፡፡

አንድ የመጨረሻ ማስታወሻ symbols ምልክቶችዎን ለማሳየት የኤችቲኤምኤል አካላትን መጠቀሙን ያረጋግጡ! አንድ ባልና ሚስት ምሳሌዎች

  • ጥቅሶች (“)“
  • > ነው>
  • > ነው>

መልካም ኮዴክ!

3 አስተያየቶች

  1. 1
  2. 2
  3. 3

    i ነገር ይልቅ አሁን መጻፍ አያስፈልግም። አጋዥ አርታኢዎችን መጠቀም ይችላሉ ፡፡ ቀለም ፣ ድንበር ወዘተ መምረጥ ይችላሉ ፡፡

ምን አሰብክ?

ይህ ጣቢያ አይፈለጌን ለመቀነስ Akismet ይጠቀማል. አስተያየትዎ እንዴት እንደሚሰራ ይወቁ.