{"@context":"https://schema.org","@type":"DiscussionForumPosting","mainEntityOfPage":"https://coding.global/en/community/coding/html-css/1162033901699596298","headline":"HTML CSS BASIC HELP","author":{"@type":"Person","name":"kharagket","url":"https://discord.com/users/948738731337199647","image":"https://cdn.discordapp.com/embed/avatars/1.png"},"datePublished":"2023-10-12T14:27:51.711Z","url":"https://coding.global/en/community/coding/html-css/1162033901699596298","commentCount":14,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":14}],"text":"Hi so I’m trying to make a project and it is asking me to make a button whatbwhen you hover over the button it turns black from the original Color however I’m not sure what to do \n\nPlease help…","comment":[{"@type":"Comment","author":{"@type":"Person","name":"Deleted User","url":"https://discord.com/users/456226577798135808","image":"https://cdn.discordapp.com/embed/avatars/3.png"},"datePublished":"2023-10-12T14:48:06.041Z","text":"First you going to give the button a class\nHTML:\n```html\n\n```\n\nThen you going to make a css for that class\n```css\n.myButton {\n \n}\n```\nHowever you want to change it on hover so you have to add :hover\n```css\n.myButton:hover {\n background-color: #000000\n}\n```"},{"@type":"Comment","author":{"@type":"Person","name":"Deleted User","url":"https://discord.com/users/456226577798135808","image":"https://cdn.discordapp.com/embed/avatars/3.png"},"datePublished":"2023-10-12T14:52:38.905Z","text":"It’s not working let me try showing you"},{"@type":"Comment","author":{"@type":"Person","name":"Deleted User","url":"https://discord.com/users/456226577798135808","image":"https://cdn.discordapp.com/embed/avatars/3.png"},"datePublished":"2023-10-12T15:00:21.276Z","image":"https://cdn.discordapp.com/attachments/1162033901699596298/1162042078356848641/IMG_0166.jpg?ex=699f0e85&is=699dbd05&hm=90ce57dc47cfc4f76e149e1d929d001f7f3984a0c28fe22f3b0717f257510784&"},{"@type":"Comment","author":{"@type":"Person","name":"Deleted User","url":"https://discord.com/users/456226577798135808","image":"https://cdn.discordapp.com/embed/avatars/3.png"},"datePublished":"2023-10-12T15:00:30.002Z","image":"https://cdn.discordapp.com/attachments/1162033901699596298/1162042114922791034/IMG_0167.jpg?ex=699f0e8d&is=699dbd0d&hm=447876492bc5aac1039ea9e175168a94a2be133521c4c7b4bcaf19be0f6fa270&"},{"@type":"Comment","author":{"@type":"Person","name":"Deleted User","url":"https://discord.com/users/456226577798135808","image":"https://cdn.discordapp.com/embed/avatars/3.png"},"datePublished":"2023-10-12T15:14:31.131Z","text":"html {\n background: grey;\n background: url(img/rainbowBG.jpg);\n}\n\n\nbody {\n letter-spacing: 2px;\n background: white;\n text-align: center;\n padding: 25px 0;\n width: 700px;\n margin: 25px auto;\n border-radius: 25px;\n font-family: Arial, Helvetica, sans-serif;\n}\n\n\nh1 {\n font-family: Verdana, Geneva, Tahoma, sans-serif;\n font-size: 42px;\n letter-spacing: 2px;\n}\n\n\nhr {\n width: 500px;\n}\n\n\nspan {\n font-family: \"Courier New\", Courier, monospace;\n font-weight: bold;\n}\n\n\ninput {\n width: 60px;\n font-family: \"Courier New\", Courier, monospace;\n font-size: 18px;\n color: white;\n}\n\n\n#redIn {\n background: red;\n}\n\n\n#greenIn {\n background: green;\n}\n\n\n#blueIn {\n background: blue;\n}\n\n\n#display {\n width: 400px;\n height: 200px;\n background: rgb(255, 255, 0);\n margin: auto;\n border: 3px solid rgb(0, 0, 0);\n}\n\n\nbutton {\n background: grey;\n color: white;\n border-radius: 5px;\n cursor: pointer;\n padding: 2px 10px;\n}\n\n\na {\n color: blue;\n text-decoration: none;\n}\n\n\n.font {\n font-family: \"New Tegomin\", serif;\n}\n\n\n.button:hover {\n background: black;\n}"},{"@type":"Comment","author":{"@type":"Person","name":"Deleted User","url":"https://discord.com/users/456226577798135808","image":"https://cdn.discordapp.com/embed/avatars/3.png"},"datePublished":"2023-10-12T15:14:38.084Z","text":"————————"},{"@type":"Comment","author":{"@type":"Person","name":"Deleted User","url":"https://discord.com/users/456226577798135808","image":"https://cdn.discordapp.com/embed/avatars/3.png"},"datePublished":"2023-10-12T15:14:50.668Z","text":"\n\n \n \n \n RGB Colors\n \n \n \n \n \n\n\n \n

RGB Colors

An RGB Color is specified by: rgb(red, green, blue)

\n The parameters red, green and blue specify the intensity of the color:
\n > (lowest) to 255 (highest)\n

\n\n\n

Try it out for yourself...

\n red: green:\n blue:\n \n

\n\n\n

rgb(255, 255, 0)

\n\n\n

\n Learn more\n about RGB Color on Wikipedia.\n

\n \n"},{"@type":"Comment","author":{"@type":"Person","name":"Deleted User","url":"https://discord.com/users/456226577798135808","image":"https://cdn.discordapp.com/embed/avatars/3.png"},"datePublished":"2023-10-12T15:15:05.682Z","text":"Not sure what I did wrong"},{"@type":"Comment","author":{"@type":"Person","name":"Deleted User","url":"https://discord.com/users/456226577798135808","image":"https://cdn.discordapp.com/embed/avatars/3.png"},"datePublished":"2023-10-12T15:18:18.571Z","text":"You did background try to do background-color or just color"},{"@type":"Comment","author":{"@type":"Person","name":"Deleted User","url":"https://discord.com/users/456226577798135808","image":"https://cdn.discordapp.com/embed/avatars/3.png"},"datePublished":"2023-10-12T15:19:23.189Z","text":"Hmm can you give me the html"}]}

HTML CSS BASIC HELP

Replies (14)