Answered step by step
Verified Expert Solution
Link Copied!

Question

00
1 Approved Answer

how do I make this button look like the image? I would like the text to be white and clickable....thanks..I am trying to get rid

how do I make this button look like the image? I would like the text to be white and clickable....thanks..I am trying to get rid of the hyperlink when I insert my email...

image:

image text in transcribed

code:

html:

If You Have Any Project In Your Mind ?

CSS:

  1. #contact-btn{
  2. width: 100%;
  3. display: flex;
  4. flex-direction: column;
  5. justify-content:center;
  6. align-items: center;
  7. height: 200px;
  8. background-color: #F4F7FF;
  9. margin: 20px 0px;
  10. box-sizing: border-box;
  11. box-shadow:2px 0px 20px rgba(0,0,0,0.4);
  12. }
  13. .c-b-heading{
  14. font-size: 2rem;
  15. color:#1E1E1E;
  16. font-family: calibri;
  17. margin: 10px;
  18. padding: 5px;
  19. letter-spacing: 4px;
  20. border-bottom: 2px solid #1E1E1E;
  21. }
  22. #contact-btn button{
  23. color:#FFFFFF;
  24. font-size: 1rem;
  25. font-family: calibri;
  26. width:150px;
  27. height: 40px;
  28. margin: 10px;
  29. background-color: #1E1E1E;
  30. border: none;
  31. outline: none;
  32. box-shadow: 2px 5px 6px rgba(0,0,0,0.2);
  33. }
  34. #contact-btn button:hover{
  35. background-color: #17d1ac;
  36. color:#000000;
  37. transition: all ease 0.5s;
  38. font-weight: bold;
  39. }

If You Have Any Project In Your Mind ? Contact Me

Step by Step Solution

There are 3 Steps involved in it

Step: 1

blur-text-image

Get Instant Access with AI-Powered Solutions

See step-by-step solutions with expert insights and AI powered tools for academic success

Step: 2

blur-text-image

Step: 3

blur-text-image

Ace Your Homework with AI

Get the answers you need in no time with our AI-driven, step-by-step assistance

Get Started

Students also viewed these Databases questions