በስዕሎች ወይም በጽሑፍ ዙሪያ የተቀመጡ ክፈፎች ጣቢያውን ያጌጡ እና ለእሱ ዲዛይን የተለያዩ ይጨምራሉ ፡፡ ድንበሮችን ለመፍጠር ሰንጠረ useችን የሚጠቀሙ ከሆነ ከዚያ ለእያንዳንዱ ድንበር ያለው ኮድ በጣም ብዙ ቦታ ይወስዳል። እንዲሁም ፣ በዚህ አጋጣሚ ፣ ለእያንዳንዱ ክፈፍ የኤችቲኤምኤል ኮድ እንደገና መፃፍ ይኖርብዎታል። በሲኤስኤስ አማካኝነት በዚህ ድንበር ለተከበቡት አካላት ሁሉ አንድ ጊዜ ቀለል ያለ ኮድ በመጻፍ የሚፈልጉትን ማንኛውንም ውፍረት እና ቀለም ድንበር በቀላሉ መፍጠር ይችላሉ ፡፡ ይህ ቴክኖሎጂ አስፈላጊ ከሆነ በጣቢያው ላይ ያሉትን የክፈፎች ዓይነት በጥቂት ደቂቃዎች ውስጥ እንዲቀይር ያስችለዋል ፡፡
አስፈላጊ ነው
- - የራስዎ ድር ጣቢያ ይኑርዎት
- - ሲ.ኤስ.ኤስ. ምን እንደሆነ እና እነዚህ ቅጦች በጣቢያው ላይ የት እንደሚፃፉ ማወቅ ፡፡
መመሪያዎች
ደረጃ 1
ድንበር ለመፍጠር በመጀመሪያ የሚከተለውን ኮድ በ CSS ውስጥ ይፃፉ
ራምካ {}
ደረጃ 2
ድንበሩን የሚፈልጉትን መጠን ለማድረግ የመስመሩን ስፋት በፒክሴሎች ውስጥ የሚያስቀምጠውን የድንበር-ወርድ ግቤት ይጠቀሙ ፡፡ ለምሳሌ ፣ የክፈፉ መስመር 3 ፒክሰሎች ስፋት ሊኖረው ይገባል ፣ ከዚያ መግቢያው እንደዚህ ይመስላል:
ራምካ {የድንበር ስፋት 3px;}
ደረጃ 3
የድንበሩን ዘይቤ መለኪያ በመጠቀም የድንበሩን ዘይቤ አሁን ይግለጹ ፡፡ የማን ጎኖቹ ቋሚ ጠመዝማዛ መስመሮች ያሉበትን ድንበር መፍጠር ከፈለጉ ፣ የሚከተለውን ግቤት በሚዞሩ ማሰሪያዎች መካከል ባለው ኮድ ውስጥ ያስገቡ - የድንበር-ዘይቤ-ጠንካራ ፡፡
ደረጃ 4
የነጥብ ድንበር እንደዚህ በመጻፍ ማግኘት ይቻላል-የድንበር-ዘይቤ-ነጠብጣብ ፡፡ የድንበር-ዘይቤን መፈተሽ-ሰረዝ የተሰነጠቀ ድንበር ይሰጥዎታል ፡፡
ደረጃ 5
ድንበሩን እንደዚህ ባለ ድርብ ጠንካራ መስመር ማድረግ ይችላሉ-የድንበር-ዘይቤ-ድርብ ፡፡ የድንበር-ዘይቤን ይጠቀሙ-ጎድጎድ ወይም የድንበር-ዘይቤ-ጽሑፍን ወይም ምስሎችን ከ 3 ዲ የጎንዮሽ ጉዳቶች ጋር ወደ ክፈፎች ክፈፍ ለማድረግ ፡፡ በእነዚህ ሁለት አማራጮች መካከል ያለው ልዩነት በመጀመሪያው ሁኔታ ፍሬም ውስጠ-ግንቡ መስመሮችን ያቀፈ ሲሆን በሁለተኛ ደረጃ ደግሞ ኮንቬክስን የያዘ ነው ፡፡
ደረጃ 6
የጣቢያ ንጥረ ነገር ድንበር ያለው የንጥል ውጤት ለመፍጠር ይህንን ኮድ ድንበር-ዘይቤን ይጠቀሙ ፡፡ የድንበሩን ይዘት ፣ ከድንበሩ ጋር ፣ በተቃራኒው ፣ ኮንቬክስ ለማድረግ ፣ የድንበር-ዘይቤን ይፃፉ-መጀመሪያ ፡፡
ደረጃ 7
የድንበሩን ቀለም መለኪያን በመጠቀም የተፈለገውን ቀለም ወደ ክፈፉ ላይ ማከል ይችላሉ ፣ እንዲሁም በመጠምዘዣ ማሰሪያዎች መካከልም ይቀመጣሉ። ድንበሩን ቀይ ለማድረግ ከፈለጉ ድንበር-ቀለምን ቀይ ፣ ሰማያዊ - ድንበር-ቀለም-ሰማያዊ ፣ ብርቱካናማ - ድንበር-ቀለም-ብርቱካናማ ይፃፉ ፡፡
ደረጃ 8
ሁሉንም አማራጮች ጨምሮ የ CSS የድንበር ኮድ ይህንን ይመስላል
ራምካ {የድንበር-ስፋት 3 ፒክስል; የድንበር-ዘይቤ-ጠንካራ; የድንበር-ቀለም ሰማያዊ;}
ደረጃ 9
አሁን በኤችቲኤምኤል ውስጥ ይህንን ይጻፉ
የክፈፍ ይዘት “የክፈፍ ይዘት” ከሚለው ሐረግ ይልቅ የተፈለገውን ስዕል ጽሑፍ ወይም ኮድ ያስገቡ።
ደረጃ 10
ስለሆነም በጣቢያው ላይ ያልተገደበ ብዛት ያላቸውን አካላት ንድፍ ማውጣት ይችላሉ ፡፡ የክፈፉን ገጽታ ለመለወጥ ፣ የ CSS ኮዱን ብቻ መለወጥ ያስፈልግዎታል።
