የቅጥ ቅርጾች በሲኤስኤል

የድህረ ገፁን እይታ ማሻሻል ይማሩ

ፎርሞችን በዲኤስኤንኤ እንዴት እንደሚለብሱ መማር የድር ጣቢያዎን ገጽታ ለማሻሻል ትልቅ ዘዴ ነው. የኤችቲኤምኤል ቅጾች በአብዛኛዎቹ ድረ ገጾች ላይ ከሚገኙ በጣም አስቀያሚ ነገሮች መካከል የሚደፈሩ ናቸው. ብዙውን ጊዜ አሰልቺና ቫለቴሪያን የሚመስሉ ከመሆኑም በላይ በአጻጻፍ መንገድ ብዙ አያቀርቡም.

በ CSS, ይህ ሊለወጥ ይችላል. ሲኤስኤስ ይበልጥ በተሻለ የላቀ የቅጽ እስታ መለያዎች ማዋሃድ በጣም ቆንጆ ቅርጾችን ሊያደርስ ይችላል.

ቀለሞችን ቀይር

ልክ እንደ ጽሑፍ ሁሉ የቅጽ አባላትን የፊት እና የጀርባ ቀለም መቀየር ይችላሉ.

በሁሉም የቅርጽ ኤለመንቶች ዙሪያ የጀርባ ቀለምን መለወጥ ቀላል የሆነ መንገድ የግብአት መለያው ላይ የጀርባ ቀለም ንብረትን መጠቀም ነው. ለምሳሌ, ይህ ኮድ በሁሉም ኤለመንቶች ላይ ሰማያዊ ቀለም ያለው ቀለም (# 9cf) ነው የሚተገበረው.

ግቤት {
ጀርባ-ቀለም: # 9cf;
ቀለም # 000;
}

የተወሰኑ የቅጽ አባሎችን የጀርባ ቀለም ለመቀየር በቀላሉ textarea ን ያክሉ እና ወደ ቅጥው ይምረጡ. ለምሳሌ:

ግቤት, የፅሁፍ ቦታ, {
ጀርባ-ቀለም: # 9cf;
ቀለም # 000;
}

የጀርባ ቀለምህ ጨለማ ካደረግህ የጽሑፍ ቀለም መለወጥህን እርግጠኛ ሁን. የቀለም ንፅፅር የቅጽ አባሎችን ይበልጥ ግልጽ ማድረግ እንዲችሉ ይረዳል. ለምሳሌ, በጥቁር ቀለም ያለው የበስተጀርባ ቀለም ጽሑፍ ጽሁፍ ነጭ ከሆነ ከነጭራሹ በቀላሉ ማንበብ ይቻላል. ለምሳሌ, ይህ ኮድ በቀይ ዳራ ላይ ነጭ ፅሁፍ አስቀምጧል.

ግቤት, የፅሁፍ ቦታ, {
የበስተጀርባ-ቀለም: # c00;
ቀለም: #fff;
}

እንዲያውም በቅጥ ወረቀቱ ላይ የጀርባ ቀለም ማስቀመጥ ይችላሉ. የቅጹ መለያው የንጥል አባል መሆኑን አስታውሱ, ስለዚህ ቀለሙ በጠቅላላው የአነድ ክፍሎች ብቻ ሳይሆን በአጠቃላይ አራት ማዕዘን ዙሪያ ይሞላል.

ቦታው ተለይቶ እንዲታይ ለማድረግ ወደ ቢግድ አባልነት ቢጫው ጀርባ ማከል ይችላሉ:

ቅጽ {
የበስተጀርባ-ቀለም: #ffc;
}

ድንበሮችን አክል

ከቀለም ጋር, የተለያዩ የቅጽ አባሎችን ክፈፎች መለወጥ ይችላሉ. በመላው ቅፅ ዙሪያ አንድ ነጠላ ድንበር ማከል ይችላሉ. መስተዋቱን ማከልዎን ያረጋግጡ, ወይም የቅጽዎ ክፍሎች ከጠረፍያው አጠገብ ይቆለፋሉ.

ከ 5 ፒክሰሎች የፓዳል ማድረጊያ የ1-ፒክስል ጥቁር ድንክዬ ምሳሌ እዚህ አለ:

ቅጽ {
ክፈፍ: 1px ጠንካራ # 000;
ማስተካከያ: 5 ፒክስል;
}

ከቅጹፉ በላይ አካባቢን ሰንጥረው ማድረግ ይችላሉ. የግብዓቶቹን ድንበር ለውጦ እንዲወጡ ያድርጉ:

ግቤት {
ድንበር: 2px ሰረዝታ # c00;
}

እንደ የግቤት ሳጥኖች ያን ያህል አነስተኛ በሚመስሉበት ጊዜ የግብዓት ሳጥኖችን በሚያስገቡበት ጊዜ ጥንቃቄ ያድርጉ, እና አንዳንድ ሰዎች ቅጹን መሙላት ይችላሉ.

የደስታ ባህሪያትን ያጣምሩ

የእርስዎን የቅጽ ቁም ነገሮች በአስተሳሰብ እና በ CSS ሲቀር, የጣቢያዎን ዲዛይን እና አቀማመጥ የሚያሟላ የሚመስለ ቅርጽ ማዘጋጀት ይችላሉ.