Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> CSS

CSS के साथ प्रोडक्ट कार्ड कैसे बनाएं?

<घंटा/>

CSS के साथ उत्पाद कार्ड बनाने के लिए, कोड इस प्रकार है -

उदाहरण

उत्पाद कार्ड उदाहरण
CSS के साथ प्रोडक्ट कार्ड कैसे बनाएं? 
चमड़े का थैला
विदेशी गुणवत्ता



कीमत 50$







 
आउटपुट
 
उपरोक्त कोड निम्न आउटपुट देगा -
 
 CSS के साथ प्रोडक्ट कार्ड कैसे बनाएं?
  1. CSS के साथ कूपन कैसे बनाएं?

    CSS के साथ एक कूपन बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "Segoe UI", Tahoma

  1. सीएसएस के साथ तीर कैसे बनाएं?

    सीएसएस के साथ तीर बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "Segoe UI", Tahoma,

  1. CSS के साथ रिस्पॉन्सिव कॉलम कार्ड कैसे बनाएं?

    सीएसएस के साथ रिस्पॉन्सिव कॉलम कार्ड बनाने के लिए, कोड इस प्रकार है - उदाहरण body { font-family:Segoe UI , ताहोमा, जिनेवा, वर्दाना, सेन्स-सेरिफ़; } * {बॉक्स-साइज़िंग:बॉर्डर-बॉक्स; } .कार्ड {रंग:सफेद; नाव छोड़ी; चौड़ाई:कैल्क (25% - 20px); पैडिंग:10px; सीमा-त्रिज्या:10px; मार्जिन:10px; ऊंचाई:200px; }