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

CSS का उपयोग करके बॉर्डर के साथ एक लिंक बटन बनाएं

<घंटा/>

सीमाओं के साथ एक लिंक बटन बनाने के लिए, आप निम्न कोड चलाने का प्रयास कर सकते हैं -

उदाहरण

<!DOCTYPE html>
<html>
   <head>
      <style>
         a:link, a:visited {
            background-color: white;
            color: black;
            border: 1px solid blue;
            padding: 30px 30px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
         }
         a:hover, a:active {
            background-color: red;
            color: white;
         }
      </style>
   </head>
   <body>
      <a href = "demo.html" target = "_blank">Demo Link</a>
   </body>
</html>

  1. कैसे सीएसएस के साथ एक और बटन बनाने के लिए? कैसे सीएसएस के साथ एक और बटन बनाने के लिए?

    CSS के साथ अधिक बटन बनाने के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" />t" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.mi

  1. CSS के साथ सर्च बटन कैसे बनाएं? CSS के साथ सर्च बटन कैसे बनाएं?

    CSS के साथ खोज बटन बनाने के लिए निम्नलिखित कोड है - उदाहरण body { फॉन्ट-फ़ैमिली:सेगो यूआई, ताहोमा, जिनेवा, वर्दाना, सैन्स-सेरिफ़;}* {बॉक्स-साइज़िंग:बॉर्डर-बॉक्स;}इनपुट [टाइप =टेक्स्ट] {पैडिंग:12px; फ़ॉन्ट-आकार:17px; सीमा:1px ठोस ग्रे; नाव छोड़ी; चौड़ाई:80%; बैकग्राउंड:#f1f1f1;}बटन {फ्लोट:लेफ्ट; चौड़

  1. HTML के साथ डाउनलोड लिंक कैसे बनाएं? HTML के साथ डाउनलोड लिंक कैसे बनाएं?

    HTML के साथ एक डाउनलोड लिंक बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <body> <h1>Download Link example</h1> <a href="https://i.picsum.photos/id/225/800/800.jpg" download> <img src="https://i.picsum.photos/id/225/800/800.jpg&q