In this video, I'm going to show you how to style an awesome button using HTML and CSS

In this video, I'm going to show you how to style an awesome button using HTML and CSS

This is the code

**************************************************************************

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>Document</title>

  <style>

body{

  margin: 0;

  padding: 0;

  box-sizing: border-box;

  display: flex;

  justify-content: center;

  align-items: center;

  height: 100vh;

  background: linear-gradient(pink,blue);

}

.btn{

  border: 1ps dashed #000;

  background: rebeccapurple;

  color: #fff;

  padding: 10px 20px;

  border-radius: 50px;

  transition: .3s ease-in-out;

}

.btn:hover{

   border-radius: 0px;

   color: rebeccapurple;

   background: #fff;

}

</style>

</head>

<body>

  <div class="btn">Hover Me</div>

</body>

</html>

**************************************************************************

Keywords:how to Change the Color On the Hover Header button . Text issues squarespace,how to fix text issues in squarespace,fixing the text in squarespace,squarespace text block,text block squarespace,squarespace text editor,squarespace,how to use Squarespace,squarespace tutorial,squarespace tutorial for beginners,how to use Squarespace 2018,how to add text squarespace,text spacing issue squarespace,Solopreneur Sidekick #squarespace #squarespacecss # #squarespacehackhowto #customizesquarespace #css #squarespacetrickss #2021 #2020#2022,squarespacewebsitedesign,squarespace,css,jishaansinghal,designer,jquery,squarespacewebsite,customcss,design,announcementbar,squarespacewebsitedesigner,animated,html,fiverr,codecheatsheet,#faq

"JISHAANSINGHAL"