እንዴት CSS ትሪያንግል ማድረግ; በጣም ምቹ መንገድ

በጣም ብዙ ጊዜ ውብ ዘመናዊ ድረ ገጾች በርካታ ማራኪ ግራፊክስ ይዘዋል. ከእነዚህ መካከል ቀላሉ አባሎችን የብዙ ንድፍ የሚያገለግል አንድ ማዕዘን, እንደ የጂኦሜትሪ ቅርጽ ይጠቀማል. ጎብኚው እሱ ትኩረቱን ወደ ለምሳሌ ያህል, እነርሱ ገጽ ላይ አንድ ነገር አንድ ጠቋሚ ሆነው ጥቅም ላይ ይውላሉ. እርግጥ ነው, ትሪያንግል ዋና ተግባር - የሚያምር, እነሱን የያዙ ብሎኮች, እንደ ይበልጥ ዘመናዊ እና ማራኪ እየሆነ ነው.

ሁሉም ሰው አይደለም Cascading ቅጥ ሉሆች በኩል እንዲህ አኃዝ ለመፍጠር, እና CSS ውስጥ አንድ ማዕዘን ማድረግ እንዴት እንደማቀርብ እንዴት ያውቃል.

ጣቢያዎች ንድፍ ውስጥ ማመልከቻ

በሁሉም የድር ንድፍ መአዘን ውስጥ. እነዚህ ምክሮች, ምናሌዎች, የተለያዩ የበይነገጽ ንጥረ ነገሮች የተሰሩ ናቸው. አንዳንድ ጊዜ እነርሱ ቡት ሂደት አንድ አመላካች ለመፍጠር ጥቅም ላይ ይውላሉ. እና ቀደም ብሎ ከሆነ ከእነሱ ያለ ማድረግ የሚቻል አልነበረም: ነገር ግን አሁን የማይቻል ነው, እና ገንቢዎች ያሉ መስፈርቶች ጋር ማስማማት ግዴታ ነው. የበይነገጽ ክፍሎች መካከል ትስስር ግንባታ ረገድ ወሳኝ ክፍል እና አንድ አካል ወደ ማዋሃድ - ሁሉም በኋላ ዛሬ CSS ትሪያንግል ውስጥ የተፈጠሩ.

በጣም ብዙ ጊዜ ነው መአዘን ንድፍ ይህም ያለውን አቀማመጥ, በመጣ ጊዜ ብዙ የድር ንድፍ ሲያመነቱ ናቸው. ሁሉም በኋላ ምንም ንብረቶች በቀጥታ በዚህ የጂኦሜትሪክ ቁጥር ለመፍጠር ነበር. እንዲያውም, ይህን ለማድረግ በርካታ ዘዴዎች አሉ.

በመጠቀም ክፈፍ በመፍጠር አንድ ዘዴ

ድንበር - የመጀመሪያው ዘዴ እርስዎ የሲ ውስጥ አንድ ማዕዘን እንዲፈጥሩ ያስችልዎታል. እሱም ፍሬሞችን እየተጠቀመ ነው. ድንበር ንብረት በመጠቀም የተፈጠሩ ናቸው ወሰኖች በቀጥታ ትሪያንግል ጋር የተዛመደ አይደለም እውነታ ቢሆንም, ለዚህ ዓላማ ብዙ ጊዜ ጥቅም ላይ ይውላል.

የ ዜሮ ከፍታ እና ዕቃ ስፋት, እንዲሁም እንደ ወፍራም ድንበር መካከል የመጫን በማዋቀር ጊዜ, በአራት እኩል መአዘኖች የተከፋፈለ ነው ይህም ካሬ ማየት ይችላሉ. የ ብልሃት ብቻ አስፈላጊውን ድንበር መጠበቅ ይኖርብናል, እንዲሁም ሌሎች ግልጽ ለማድረግ ነው. አሁን, ይህም የ CSS ትክክለኛ አቅጣጫ እና ቀለም የተሳለው አንድ ማዕዘን ይንጸባረቅበታል.

ማንኛውም ማርትዕ በመጠቀም ስእሎችን መሳል አያስፈልግም ምክንያቱም ንብረቶች "ክፈፍ" ምቹ ነው በመጠቀም አንግሎች ይፍጠሩ. ትሪያንግል መለኪያዎች ሁልጊዜ ኮድ ውስጥ ሊቀየር ይችላል. እና ጊዜ ገንቢ ያስቀምጣል. ወደ ፍሬም የተለያዩ ስፋት በማጣመር ቀላል አኃዝ ለማግኘት በቂ ነው. እንዴት እንደሚሰራ ለመረዳት, ነገር ላይ በቀላሉ ዜሮ ስፋት, ቁመት ጋር ባዶ ኤለመንት, እና በጣም ወፍራም ፍሬም በእያንዳንዱ ጎን ላይ የተለየ ቀለም መፍጠር ይችላሉ. ስለዚህ, አራት አሳላፊ መአዘኖች ሦስት ጎኖች በማድረግ የተለያዩ ዓይነቶች መካከል የሚከተሉት ናቸው:

• ትሪያንግል, ወደ ግራ በመመልከት, ጎን ይህም እኩል ናቸው;
• ሶስት ማዕዘን, ግራ እና በማመንጨቱ ስንፈልግህ;
• ሲሆን የተመዘዘ ማዕዘን, ግራ መጋፈጥ;
• የተጎመደው ማዕዘን, የማን ቀኝ ማዕዘን ወደ ግራ;
• ወደታች ሲመለከቱ ማዕዘን;
• ማዕዘን አሻቅቦ አየና;
• ትሪያንግል, መብት, እና ሌሎች በርካታ ዝርያዎች እየፈለጉ.

psevdoedementov መጠቀም

እነዚህ ዘዴዎች አማካኝነት ብቅ-ባይ መመሪያዎች እና ጠቃሚ ምክሮች ውስጥ አንግሎችን መፍጠር ይችላሉ. ወደ አሃድ ወደ CSS ማዕዘን በኩል ለማያያዝ, በአብዛኛው ፕሮግራም እንዲህ ሃሳዊ-በኋላ እንደ ሆነ በፊት ይጠቀማሉ. አብራችሁ እነሱን የሚጠቀሙ ከሆነ, የደም መርጋት ያለው የ CSS ትሪያንግል ውስጥ መቅረብ ይቻላል.

እነሱን በማጣመር, የ ገንቢዎች ንብረት ተግባራዊ, ቆንጆ ተኳሽ የተለያዩ ለመፍጠር አንጻራዊ: ቦታ ወላጅ አባል ነው. ይህን ለማድረግ የሚደረገው ሀሣዊ ሳይሆን ያላቸውን መቀመጫዎች ውጭ ተንቀሳቅሷል.

ፕላስ መአዘኖች ለመፍጠር የሲ ማዕቀፍ መጠቀምን ናቸው:

• ንብረቶች እርዳታ ጋር መጠኖች እና ቀለሞች ፈጣን እና ቀላል አርትዖት;
• ሁሉንም አሳሾችን እንደግፋለን.

ጉዳቱን:

• ይህ ፍሬም ስለሚጠቀም, gradients, ጥላዎች ተግባራዊ ለማድረግ ምንም ዕድል የለም;
• ተጠቃሚው ፋየርፎክስ ማሰሻውን ገጽ ያያል ጊዜ አንዳንድ ጊዜ, የአልፋ ዋጋ ላይሰሩ ይችላሉ, እና ይህ ምስል ሊያዛባው ይሆናል.

ዝግጁ ሠራሽ ስዕሎች በመጠቀም

መአዘኖች የመፍጠር የሚከተለውን ስልት - encoded ምስሎችን መጠቀም ነው. የ ማዕዘን ምስል አርታዒ ውስጥ በቅድሚያ የተሳለው እና ልዩ አገልግሎቶች ጋር ልዩ ኮድ ወደ የሚቀየር ነው.

በዚህ ዘዴ ጥቅም እናንተ ጥላዎች, gradients, እና ፍሬም ጋር በጣም የሚያምር ንድፍ ማድረግ እና ከዚያም ብቻ ሁሉም እንዲረዱት እንደሚችል ነው. ነገር ግን መክሰስም እንጂ ሁሉም ግራፊክስ ፕሮግራሞች አቀላጥፎ መሆኑን እውነታ ነው. ምስሉ በጣም ትልቅ ከሆነ በተጨማሪ, የኮድ መስመሩ በቀላሉ ግዙፍ የሚወሰድ ነው. ይህ ገንቢ የማይመች ነው.

አሳሾች Internert Explorer የድሮ ስሪቶችን አጠቃቀም ዋጋ አንድ የተለየ ንጥል. ከእነሱ ውስጥ ስልት በቀላሉ አይሰራም.

ዘዴ ይገለበጥና ካሬ

አንዱ መንገድ የሲ ይገለበጥና ካሬ የሆነ መንገድ ለመፍጠር ነው. ሁለት መሠረታዊ መለኪያ አሉ. ይሁን እንጂ አንዳንድ ሰዎች ሃሳዊ ይጠቀማሉ.

በመጀመሪያ, አንድ ካሬ ይፍጠሩ. ይህም የሚሽከረከር አባል ይዘቶችን ይሆናል. አንድ አልማዝ የሚመስል ስለዚህ ከዚያም, 45 ዲግሪ አጠገብ ማሰማራት. ቀጥሎ, የ shift-እስከ እና ውጫዊ ዩኒት ንብረት ፍሰት በ የተሰወረ ነው: ተደብቋል. ይህ መፍትሔ በተጨማሪም በመስቀል-አሳሽ አይደለም, እና የተፈለገውን እንደ አንዳንድ ስዕል የሚታይ አይደለም.

ውጤቶች

ስለዚህ, አንድ ማዕዘን ለመፍጠር ብዙ ዘዴዎች አሉ. ብቻ እነዚህ ሁሉ የሲ ንብረቶች ውስጥ ያጡ ለማግኘት አይደለም? በዚህ ሁኔታ ውስጥ ማጣቀሻ ምንጊዜም ይረዳናል. ይህ Cascading ቅጥ ሉሆች ሁሉንም ባህሪያት ይገልጻል.

ፕሮግራም ወደ ለመሄድ እና CSS-መመሪያ ለማየት የማይፈልጉ ሰዎች ያህል, ሦስት መአዘን ትክክለኛ መጠን እና ቀለም ለማመንጨት የመስመር ላይ አርታኢዎች አሉ. ውስጥ ምስላዊ አርታዒ, ተጠቃሚው ይመርጥና ሁሉንም ቅንብሮች ቁጥር ያዋቅራል. በመብረር ላይ በተለየ መስኮት ውስጥ ያስቀምጡት የሲ ኤስ ኮድ Generator ትሪያንግል የሚለወጠው. ከዚያም, የመነጨው ኮድ በቀላሉ stylesheet ወደ የገባው ነው እናም የገጹን ንድፍ ይመነጫሉ.