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

CSS के साथ स्टाइल इनपुट टाइप बटन

<घंटा/>

इनपुट टाइप बटन सबमिट बटन या रीसेट बटन हो सकता है। CSS के साथ, हम वेब पेज पर किसी भी बटन को स्टाइल कर सकते हैं।

आप इनपुट टाइप बटन को स्टाइल करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं:

उदाहरण

<!DOCTYPE html>
<html>
   <head>
      <style>
         input[type=button] {
            background-color: orange;
            border: none;
            text-decoration: none;
            color: white;
            padding: 20px 20px;
            margin: 20px 20px;
            cursor: pointer;
         }
      </style>
   </head>
   <body>
      <p>Fill the below form,</p>
      <form>
         <label for = "subject">Subject</label>
         <input type = "text" id = "subject" name = "sub"><br><br>
         <label for = "student">Student</label>
         <input type = "text" id = "student" name = "stu"><br>
         <input type = "button" value = "Button">
      </form>
   </body>
</html>

  1. CSS के साथ सोशल मीडिया बटन कैसे स्टाइल करें?

    निम्नलिखित CSS के साथ सोशल मीडिया बटन को स्टाइल करने के लिए कोड है - उदाहरण बटन { मार्जिन:0px; सीमा-त्रिज्या:50%; चौड़ाई:120 पीएक्स; ऊंचाई:120 पीएक्स; सीमा:कोई नहीं; पैडिंग:15 पीएक्स; फ़ॉन्ट-परिवार:सेगो यूआई, ताहोमा, जिनेवा, वर्दाना, सेन्स-सेरिफ़; फोंट की मोटाई:बोल्ड; फ़ॉन्ट-आकार:40px; बॉर्डर:1px सॉ

  1. सीएसएस के साथ एक घंटा तत्व कैसे शैलीबद्ध करें?

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

  1. CSS के साथ लेबल कैसे स्टाइल करें?

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